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)); onDestroy(() => clearInterval(intervalId));
</script> </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"> <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="countdown font-mono text-3xl sm:text-6xl">
<span class="m-auto" style="--value:{days};" /> <span class="m-auto" style="--value:{days};" />

2
src/routes/+layout.svelte
View File

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

12
src/routes/+page.svelte
View File

@ -28,17 +28,17 @@
<title>Craftattack</title> <title>Craftattack</title>
</svelte:head> </svelte:head>
<div class="flex flex-col min-h-screen h-screen relative"> <div class="flex flex-col min-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 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"> <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" /> <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>
<div class="divider" /> <div class="divider" />
<div class="flex flex-col md:flex-row xl:flex-col gap-5"> <div class="flex flex-col md:flex-row xl:flex-col gap-5">
{#each information as info} {#each information as info}
<div> <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> <p>{info.description}</p>
</div> </div>
{/each} {/each}
@ -67,7 +67,7 @@
<div class="flex justify-center py-20 bg-base-200"> <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 class="card bg-base-100 shadow-lg w-11/12 xl:w-5/12 p-10">
<div> <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> <p>
Wir sind ein kleines Team von Minecraft-Enthusiasten, das bereits im 6. Jahr in Folge 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 Minecraft CraftAttack organisiert. Jahr für Jahr arbeiten wir daran, das Spielerlebnis zu