Add new styles and update text in Footer and Header components.

This commit is contained in:
Esa Kataja
2024-10-12 12:22:49 +03:00
parent dd4866d950
commit 0054a2484f
3 changed files with 13 additions and 4 deletions
+8
View File
@@ -9,3 +9,11 @@ body {
@apply bg-gray-800 text-zinc-100; @apply bg-gray-800 text-zinc-100;
font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto Condensed', sans-serif;
} }
.input-text-field {
@apply text-gray-800 p-2 rounded-md;
}
.button-primary {
@apply bg-blue-500 text-white px-4 py-2 rounded-md hover:bg-blue-600;
}
+1 -1
View File
@@ -1,3 +1,3 @@
<footer class="bg-zinc-800 text-white p-6 text-center"> <footer class="bg-zinc-800 text-white p-6 text-center">
<p>&copy; 2024 Levyraati 2024. Yhdessä musiikin parissa.</p> <p>&copy; 2024 Levyraati Revived. Yhdessä musiikin parissa.</p>
</footer> </footer>
+4 -3
View File
@@ -7,10 +7,11 @@
<h1 class="ml-4 text-3xl font-bold">Levyraati <span class="revived">Revived</span></h1> <h1 class="ml-4 text-3xl font-bold">Levyraati <span class="revived">Revived</span></h1>
</a> </a>
<div class="flex items-center space-x-4"> <div class="flex items-center space-x-4">
<a href="/" class="text-white hover:text-blue-500">Home</a>
<a href="/leaderboard" class="text-white hover:text-blue-500">Leaderboard</a> <a href="/leaderboard" class="text-white hover:text-blue-500">Leaderboard</a>
<a href="/events" class="text-white hover:text-blue-500">Events</a> <p>|</p>
<a href="/login" class="text-white hover:text-blue-500">Login</a> <a href="/events" class="text-white hover:text-blue-500">Tapahtumat</a>
<p>|</p>
<a href="/login" class="text-white hover:text-blue-500">Kirjaudu sisään</a>
</div> </div>
</header> </header>