TeaSanctuary/teasanctuary.ru
4
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

Упростил стиль hero-карточки

Browse source
This commit is contained in:
Иван Кузьменко 2025-09-19 00:57:56 +03:00
parent 06c371db53
commit d455aeb957
8 changed files with 17 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/app.css
View file

@ -26,11 +26,15 @@
src: url('/fonts/Disket-Mono-Bold.ttf');
}
.no-x-scroll {
max-width: 100%;
overflow-x: hidden;
}
.hero {
@apply bg-[url('/common/background-day.webp')] dark:bg-[url('/common/background-night.webp')] bg-cover bg-fixed text-slate-50;
text-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
.hero-background {
@apply bg-[url('/common/background-day.webp')] dark:bg-[url('/common/background-night.webp')] bg-cover bg-fixed;
h1 {
@apply font-disket text-4xl font-bold sm:text-6xl md:text-8xl;
}
h2 {
@apply font-sans text-xl font-bold sm:text-2xl md:text-4xl;
}
}

2
src/routes/+error.svelte
View file

@ -7,7 +7,7 @@
</svelte:head>
<section
class="hero-background flex h-screen shrink-0 flex-col items-center justify-center gap-12 overflow-hidden p-4"
class="hero flex h-screen shrink-0 flex-col items-center justify-center gap-12 overflow-hidden p-4"
>
<div class="flex flex-nowrap flex-col gap-5">
<div class="flex flex-nowrap flex-col gap-3 items-center justify-center lg:flex-row lg:flex-nowrap">

4
src/routes/+page.svelte
View file

@ -9,7 +9,7 @@
</svelte:head>
<section
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero"
>
<div
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
@ -58,7 +58,7 @@
</div>
<div
class="font-disket text-center text-4xl font-bold text-slate-50 [text-shadow:_0_0_15px_rgba(0,0,0,0.25)] sm:text-6xl md:text-8xl lg:text-left"
class="text-center font-bold lg:text-left"
>
<h1>TEA</h1>
<h1>SANCTUARY</h1>

2
src/routes/blog/+page.svelte
View file

@ -3,7 +3,7 @@
</script>
<section
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero"
>
<div
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"

2
src/routes/contact/+page.svelte
View file

@ -3,7 +3,7 @@
</script>
<section
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero"
>
<div
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"

2
src/routes/projects/+page.svelte
View file

@ -3,7 +3,7 @@
</script>
<section
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero"
>
<div
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"

2
src/routes/team/+page.svelte
View file

@ -3,7 +3,7 @@
</script>
<section
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero"
>
<div
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"