fix root page aligning and text color
This commit is contained in:
@ -74,7 +74,7 @@
|
||||
/>
|
||||
|
||||
<main>
|
||||
<div class="h-screen w-full">
|
||||
<div class="min-h-screen w-full">
|
||||
<slot />
|
||||
</div>
|
||||
</main>
|
||||
|
@ -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
|
||||
|
Reference in New Issue
Block a user