CraftAttack/website
4
0
Fork 0
Code Issues 3 Pull Requests Actions Wiki Activity

fix root page aligning and text color

Browse Source
This commit is contained in:
bytedream 2023-11-29 11:14:35 +01:00
parent c6a9eaa27a
commit 18d45b1a81
3 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/Countdown/Countdown.svelte
View File

@ -26,7 +26,7 @@
onDestroy(() => clearInterval(intervalId));
</script>
<div class="grid grid-flow-col gap-5 text-center auto-cols-max text-white">
<div class="grid grid-flow-col gap-5 text-center auto-cols-max text-black dark:text-white">
<div class="flex flex-col p-2 bg-gray-200 rounded-box bg-opacity-5 backdrop-blur-sm">
<span class="countdown font-mono text-3xl sm:text-6xl">
<span class="m-auto" style="--value:{days};" />

2
src/routes/+layout.svelte
View File

@ -74,7 +74,7 @@
/>
<main>
<div class="h-screen w-full">
<div class="min-h-screen w-full">
<slot />
</div>
</main>

12
src/routes/+page.svelte
View File

@ -28,17 +28,17 @@
<title>Craftattack</title>
</svelte:head>
<div class="flex flex-col min-h-screen h-screen relative">
<div class="sm:absolute top-0 left-0 flex items-center xl:w-1/2 px-6 sm:px-10 h-full">
<div class="flex flex-col items-center xl:items-start w-full xl:h-3/4">
<div class="flex flex-col min-h-screen relative">
<div class="flex items-center xl:w-1/2 px-6 sm:px-10 min-h-screen h-full">
<div class="flex flex-col items-center xl:items-start w-full xl:h-3/4 my-10">
<img src="{env.PUBLIC_BASE_PATH}/img/craftattack.webp" alt="Craftattack 6" />
<div class="flex flex-col justify-around w-full lg:w-10/12 h-full">
<div class="flex flex-col gap-5 lg:gap-14 w-full mt-2 lg:mt-5 lg:w-10/12 h-full">
<div>
<div class="divider" />
<div class="flex flex-col md:flex-row xl:flex-col gap-5">
{#each information as info}
<div>
<h4 class="text-white mb-1">{info.title}</h4>
<h4 class="text-black dark:text-white mb-1">{info.title}</h4>
<p>{info.description}</p>
</div>
{/each}
@ -67,7 +67,7 @@
<div class="flex justify-center py-20 bg-base-200">
<div class="card bg-base-100 shadow-lg w-11/12 xl:w-5/12 p-10">
<div>
<h2 class="text-3xl text-white mb-8">Über uns</h2>
<h2 class="text-3xl text-black dark:text-white mb-8">Über uns</h2>
<p>
Wir sind ein kleines Team von Minecraft-Enthusiasten, das bereits im 6. Jahr in Folge
Minecraft CraftAttack organisiert. Jahr für Jahr arbeiten wir daran, das Spielerlebnis zu