this repo has no description
lustre frontent oat-ui gleam
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

📱 Use smaller logo for sidebar-toggle button

+10 -9
+10 -9
src/client/page/navbar.gleam
··· 28 28 fn view_left_section() -> element.Element(Msg) { 29 29 html.section([class("flex gap-2 items-center")], [ 30 30 // Toggle button 31 - icon.menu([ 32 - class("p-1 rounded-sm border size-8"), 31 + icon.leaf([ 32 + class("border-none hover:cursor-pointer stroke-emerald-500 size-8"), 33 33 attr.data("sidebar-toggle", ""), 34 34 ]), 35 35 36 36 //  Logo 37 37 icon.leaf([ 38 - class("p-2 text-white size-10"), 38 + class("hidden p-2 text-white md:inline size-10"), 39 39 class("from-green-500 via-emerald-500 to-teal-600 bg-linear-to-r"), 40 40 class("rounded-md drop-shadow-md"), 41 41 ]), 42 42 43 43 //  Title 44 - html.h2( 44 + html.p( 45 45 [ 46 - class("inline my-0 text-2xl font-bold"), 46 + class("hidden my-0 text-2xl font-bold md:inline"), 47 47 // Gradient 48 48 class("text-transparent bg-clip-text"), 49 49 class("from-green-600 to-teal-600 bg-linear-to-r"), ··· 54 54 } 55 55 56 56 fn view_middle_section() -> element.Element(Msg) { 57 + let a_style = class("hover:cursor-pointer") 57 58 html.section([class("hidden space-x-4 text-sm text-gray-500 md:inline")], [ 58 - html.a([], [html.text("Soluções")]), 59 - html.a([], [html.text("Como Funciona")]), 60 - html.a([], [html.text("Benefícios")]), 61 - html.a([], [html.text("Contato")]), 59 + html.a([a_style], [html.text("Soluções")]), 60 + html.a([a_style], [html.text("Como Funciona")]), 61 + html.a([a_style], [html.text("Benefícios")]), 62 + html.a([a_style], [html.text("Contato")]), 62 63 ]) 63 64 } 64 65