pl-fe: wip styles

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2025-09-12 13:32:04 +02:00
parent a20cc46327
commit 32911d7056
2 changed files with 8 additions and 3 deletions

View File

@ -12,7 +12,7 @@
<%- snippets %>
</head>
<body class="theme-mode-light no-reduce-motion">
<div id="plfe" class="h-full">
<div id="plfe">
<div class="loading-indicator-wrapper">
<div class="loading-indicator">
<div class="loading-indicator__container">

View File

@ -1,9 +1,10 @@
html {
@apply h-full;
height: 100%;
}
body {
@apply h-full bg-white text-base antialiased black:bg-black dark:bg-gray-800;
@apply bg-white text-base antialiased black:bg-black dark:bg-gray-800;
height: 100%;
&.system-font,
&.system-font .font-sans {
@ -19,6 +20,10 @@ body {
}
}
#pl-fe {
height: 100%;
}
.-dropdown-navigation {
@apply fixed bottom-[60px] left-2 z-[1000] flex max-h-[calc(100dvh-68px)] w-full max-w-xs flex-1 origin-bottom-left flex-col overflow-hidden rounded-xl bg-white/90 shadow-lg backdrop-blur-md ease-in-out black:bg-black/90 no-reduce-motion:transition-transform dark:border dark:border-gray-800 dark:bg-primary-900/90 dark:shadow-none rtl:right-2 rtl:origin-bottom-right;