dm/fuz-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Css- poprawka formatowania wyszukiwania kanałów i poprawiony układ kontakt

Browse Source
This commit is contained in:
dm
2025-12-21 10:09:52 +01:00
parent 664acbf86b
commit 22673ff8d2
5 changed files with 37 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/styles/contact.css
View File

@@ -1,23 +1,26 @@
/* @tailwind base; */
.f-contact-grid {
@apply mx-auto grid max-w-7xl gap-10;
@apply md:grid-cols-2;
@apply items-start;
}
.f-contact-item {
h3,
h4 {
@apply text-2xl font-semibold text-[--f-contact-item-text] m-0;
@apply m-0 text-2xl font-semibold text-[--f-contact-item-text];
}
p:first-of-type {
@apply py-3 text-3xl;
}
}
.f-contact-form {
@apply space-y-1;
.f-contact-form-inner {
@apply grid grid-cols-2 gap-4
@apply grid grid-cols-2;
}
.f-rodo {
@@ -29,23 +32,24 @@
}
}
.f-contact-map {
@apply w-full max-w-7xl mx-auto mt-6;
@apply mx-auto mt-6 w-full max-w-7xl;
}
.f-toast {
@apply fixed left-1/2 z-[999999] pointer-events-none;
top: calc(var(--nav-height, 80px) + 20px);
@apply opacity-0 -translate-y-3 -translate-x-1/2 transition-all duration-300 ease-out;
@apply -translate-x-1/2 -translate-y-3 opacity-0 transition-all duration-300 ease-out;
}
.f-toast.visible {
@apply opacity-100 translate-y-0;
@apply translate-y-0 opacity-100;
}
.f-toast-msg {
@apply px-5 py-3 rounded-xl shadow-lg text-lg bg-[--f-background-toast] text-[--f-text];
@apply rounded-xl bg-[--f-background-toast] px-5 py-3 text-lg text-[--f-text] shadow-lg;
}
.f-toast-msg.success {
@@ -54,4 +58,4 @@
.f-toast-msg.error {
@apply bg-red-500 text-white;
}
}