+13

assets/style/utilities.css

View file Reviewed

··· 5 5 } 6 6 } 7 7 8 8 + .shell { 9 9 + &::before { 10 10 + content: "$"; 11 11 + padding-right: 1ch; 12 12 + } 13 13 + 14 14 + &::after { 15 15 + content: "█"; 16 16 + padding-left: 1ch; 17 17 + animation: blink 1s ease-in infinite; 18 18 + } 19 19 + } 20 20 + 8 21 .animate-blink { 9 22 animation: blink 1s ease-in infinite; 10 23 }

+6 -7

src/blog/navbar.gleam

View file Reviewed

··· 21 21 attribute.class("border-none p-0"), 22 22 attribute.aria_label("Toggle sidebar"), 23 23 ] 24 24 - |> html.button([ 25 25 - icon.panel_left([]), 26 26 - ]), 24 24 + |> html.button([icon.panel_left([])]), 27 25 28 26 //  command 29 29 - html.div([attribute.class("hstack text-lg")], [ 30 30 - html.p([attribute.id("page-title")], [html.text("$ " <> command)]), 31 31 - html.span([attribute.class("animate-blink")], [html.text("█")]), 32 32 - ]), 27 27 + [ 28 28 + attribute.id("page-title"), 29 29 + attribute.class("shell text-base md:text-lg"), 30 30 + ] 31 31 + |> html.span([html.text(command)]), 33 32 ]), 34 33 35 34 html.section([attribute.class("hstack")], [

+1 -1

test/blog_test/navbar_test.gleam

View file Reviewed

··· 16 16 let model = simulate.model(simulation) 17 17 let view = simulate.view(simulation) 18 18 19 19 - let title_text_content = query.text("$ " <> title) 19 19 + let title_text_content = query.text(title) 20 20 let query = query.id("page-title") |> query.and(title_text_content) 21 21 22 22 assert model.title == title as "model updated"