Notifications + Plausibilitätsprüfung

This commit is contained in:
Moritz Utcke
2023-05-12 23:40:31 +04:00
parent 33c8a1d447
commit 5559f5ca4d
37 changed files with 855 additions and 357 deletions

View File

@@ -4,6 +4,7 @@ import Footer from '../components/Footer.astro';
import Header from '../components/Header.astro';
import SidebarLeft from '../components/SidebarLeft.astro';
import SidebarRight from '../components/SidebarRight.astro';
import NotificationWrapper from "~/components/Notifications/NotificationWrapper.svelte";
export interface Props {
title: string;
@@ -94,6 +95,7 @@ const schema = JSON.stringify({
<SidebarRight></SidebarRight>
</main>
<Footer />
<NotificationWrapper client:load></NotificationWrapper>
</body>
</html>
@@ -102,7 +104,7 @@ const schema = JSON.stringify({
min-height: 100vh;
}
button, .button {
.button {
@apply px-8 py-2 bg-secondary rounded-lg text-white font-medium hover:shadow-lg transition-all hover:underline active:bg-blue-900 text-center cursor-pointer;
color: #fff !important;
}
@@ -112,7 +114,11 @@ const schema = JSON.stringify({
}
input {
@apply py-1 px-2 w-full rounded-lg outline-none text-lg text-slate-800 border;
@apply py-1.5 px-4 w-full rounded-lg outline-none text-lg text-slate-700 border bg-gray-50 transition-colors;
}
input:hover, input:focus {
@apply bg-gray-100;
}
label {