Add d-screen Tailwind utility

ci-review-rules
Justin 2022-05-24 13:45:00 -04:00
rodzic 2b7f4694da
commit f2164f09d4
2 zmienionych plików z 6 dodań i 4 usunięć

Wyświetl plik

@ -9,11 +9,9 @@ const LoadingScreen: React.FC = () => {
<div className='fixed h-screen w-screen'>
<LandingGradient />
<div className='fixed h-screen w-screen flex items-center justify-center z-10'>
<div className='fixed d-screen w-screen flex items-center justify-center z-10'>
{/* Bump up spinner vertically to counteract optical illusion. */}
<div className='-translate-y-3/4'>
<Spinner size={40} withText={false} />
</div>
<Spinner size={40} withText={false} />
</div>
</div>
);

Wyświetl plik

@ -102,6 +102,10 @@
.shadow-inset {
box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%);
}
.d-screen {
height: 100dvh;
}
}
@import 'forms';