diff --git a/templates/base.tmpl b/templates/base.tmpl index 268fa7b..320cec2 100644 --- a/templates/base.tmpl +++ b/templates/base.tmpl @@ -1,18 +1,26 @@ - + - + - - - + + + AnthoLume - {{ block "title" . }}{{ end }} @@ -32,7 +40,8 @@ html { height: calc(100% + env(safe-area-inset-bottom)); - padding: env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left); + padding: env(safe-area-inset-top) env(safe-area-inset-right) 0 + env(safe-area-inset-left); } main { @@ -57,12 +66,12 @@ /* ----------------------------- */ /* -------- CSS Button -------- */ /* ----------------------------- */ - .css-button:checked+div { + .css-button:checked + div { visibility: visible; opacity: 1; } - .css-button+div { + .css-button + div { visibility: hidden; opacity: 0; } @@ -70,7 +79,7 @@ /* ----------------------------- */ /* ------- User Dropdown ------- */ /* ----------------------------- */ - #user-dropdown-button:checked+#user-dropdown { + #user-dropdown-button:checked + #user-dropdown { visibility: visible; opacity: 1; } @@ -99,26 +108,26 @@ transform-origin: 0% 100%; } - #mobile-nav-button input:checked~span { + #mobile-nav-button input:checked ~ span { opacity: 1; transform: rotate(45deg) translate(2px, -2px); } - #mobile-nav-button input:checked~span:nth-last-child(3) { + #mobile-nav-button input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); } - #mobile-nav-button input:checked~span:nth-last-child(2) { + #mobile-nav-button input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(0, 6px); } - #mobile-nav-button input:checked~div { + #mobile-nav-button input:checked ~ div { transform: none; } @media (min-width: 1024px) { - #mobile-nav-button input~div { + #mobile-nav-button input ~ div { transform: none; } } @@ -133,8 +142,10 @@ @media (orientation: landscape) { #menu { - transform: translate(calc(-1 * (env(safe-area-inset-left) + 100%)), - 0); + transform: translate( + calc(-1 * (env(safe-area-inset-left) + 100%)), + 0 + ); } } @@ -142,141 +153,243 @@
- - - - -
+ + + + +
-

AnthoLume

+

+ AnthoLume +

{{ $default := "flex items-center justify-start w-full p-2 pl-6 my-2 transition-colors duration-200 border-l-4" }} {{ $inactive := "border-transparent text-gray-400 hover:text-gray-800 dark:hover:text-gray-100" }} {{ $active := "border-purple-500 dark:text-white" }} - + {{ template "svg/home" (dict "Size" 20) }} Home - + {{ template "svg/documents" (dict "Size" 20) }} Documents - + {{ template "svg/activity" (dict "Size" 20) }} Progress - + {{ template "svg/activity" (dict "Size" 20) }} Activity {{ if .Config.SearchEnabled }} - - {{ template "svg/search" (dict "Size" 20) }} - Search - + + {{ template "svg/search" (dict "Size" 20) }} + Search + {{ end }} {{ if .Authorization.IsAdmin }} -
- - {{ template "svg/settings" (dict "Size" 20) }} - Admin - - {{ if hasPrefix .RouteName "admin" }} - - General - - - Import - - - Users - - - Logs - - {{ end }} -
+
+ + {{ template "svg/settings" (dict "Size" 20) }} + Admin + + {{ if hasPrefix .RouteName "admin" }} + + General + + + Import + + + Users + + + Logs + + {{ end }} +
{{ end }}
- - + + - - - - - - - - - + + + + + + + + + - + - + - + - + {{ .Config.Version }}
-

{{ block "header" . }}{{ end }}

+

+ {{ block "header" . }}{{ end }} +

- {{ template "svg/user" (dict "Size" 20) }} + {{ template "svg/user" (dict "Size" 20) }} -
-
-