diff --git a/app/public/style.css b/app/public/style.css index 1b39b76..2f2b3b4 100644 --- a/app/public/style.css +++ b/app/public/style.css @@ -103,11 +103,14 @@ article { } nav { - /* background: var(--color-raised); */ height: var(--nav-height); - /* position: sticky; +} + +nav.sticky { + background: var(--color-raised); + position: sticky; z-index: 2; - top: 2; */ + top: 0; } @media screen and (max-width: 900px) { @@ -132,7 +135,7 @@ nav { } } -.container:not(#preview_tab):not(#tabs_group) { +.container { margin: 10px auto 0; width: 100%; } diff --git a/app/templates_src/index.lisp b/app/templates_src/index.lisp index 7ade9be..8a45f31 100644 --- a/app/templates_src/index.lisp +++ b/app/templates_src/index.lisp @@ -6,5 +6,7 @@ (meta ("property" "twitter:title") ("content" "{{ name }}")) (link ("rel" "icon") ("href" "/public/favicon.svg")) (text "{% endblock %} {% block body %}") -(h1 (text "{{ name }}")) +(div + ("class" "card") + (h1 (text "{{ name }}"))) (text "{% endblock %}") diff --git a/app/templates_src/root.lisp b/app/templates_src/root.lisp index 6901e4c..830ca5e 100644 --- a/app/templates_src/root.lisp +++ b/app/templates_src/root.lisp @@ -22,7 +22,7 @@ (body ; nav (nav - ("class" "flex w_full justify_between gap_2") + ("class" "flex w_full justify_between gap_2 sticky") (div ("class" "flex side") (div @@ -43,7 +43,7 @@ ("href" "https://trisua.com/t/malachite") (text "source")) (text "{% block dropdown %}{% endblock %}"))) - (a ("href" "/") (b (text "{{ name }}")))) + (a ("class" "button camo") ("href" "/") (b (text "{{ name }}")))) (div ("class" "side flex")