fix lobby foreal???

This commit is contained in:
2025-09-03 20:10:13 +02:00
parent d03d12385a
commit 3abe1244a0
2 changed files with 29 additions and 10 deletions

View File

@@ -1,3 +1,24 @@
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
.bg-dark {
background-color: #111;
}
.glow {
text-shadow: 0 0 10px #00ff00;
}
.shadow-neon {
box-shadow: 0 0 15px #ff00de;
}
.btn-neon {
background-color: #00ff00;
color: #111;
padding: 0.5rem 1rem;
border-radius: 0.25rem;
box-shadow: 0 0 10px #00ff00;
}
.btn-neon:hover {
box-shadow: 0 0 15px #00ff00;
}

View File

@@ -1,4 +1,4 @@
<div class="container mx-auto mt-4 bg-dark text-white p-4 rounded shadow-lg"> <div class="container mx-auto mt-4 bg-gray-900 text-white p-4 rounded shadow-lg">
<h1 class="text-2xl font-bold mb-4 glow">Skunk Lounge Lobby</h1> <h1 class="text-2xl font-bold mb-4 glow">Skunk Lounge Lobby</h1>
<div class="flex justify-between mb-4"> <div class="flex justify-between mb-4">
<span class="text-lg">Balance: ${{ auth()->user()->balance }}</span> <span class="text-lg">Balance: ${{ auth()->user()->balance }}</span>
@@ -6,34 +6,32 @@
@auth @auth
<form method="POST" action="{{ route('logout') }}" class="inline"> <form method="POST" action="{{ route('logout') }}" class="inline">
@csrf @csrf
<button type="submit" class="btn btn-neon">Logout</button> <button type="submit" class="btn-neon">Logout</button>
</form> </form>
@if(auth()->user()->role === 'admin') @if(auth()->user()->role === 'admin')
<a href="/admin" class="btn btn-neon ml-2">Admin</a> <a href="/admin" class="btn-neon ml-2">Admin</a>
@endif @endif
@else @else
<a href="{{ route('login') }}" class="btn btn-neon">Login</a> <a href="{{ route('login') }}" class="btn-neon">Login</a>
<a href="{{ route('register') }}" class="btn btn-neon ml-2">Register</a> <a href="{{ route('register') }}" class="btn-neon ml-2">Register</a>
@endauth @endauth
</div> </div>
</div> </div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4"> <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<!-- Sample Game Cards (add more from GitHub integrations later) -->
<div class="card bg-gray-800 p-4 rounded shadow-neon"> <div class="card bg-gray-800 p-4 rounded shadow-neon">
<h3 class="text-lg mb-2">Slots</h3> <h3 class="text-lg mb-2">Slots</h3>
<p>Pragmatic-style reels and animations.</p> <p>Pragmatic-style reels and animations.</p>
<a href="/games/slots" class="btn btn-neon mt-2">Play</a> <a href="/games/slots" class="btn-neon mt-2">Play</a>
</div> </div>
<div class="card bg-gray-800 p-4 rounded shadow-neon"> <div class="card bg-gray-800 p-4 rounded shadow-neon">
<h3 class="text-lg mb-2">Plinko</h3> <h3 class="text-lg mb-2">Plinko</h3>
<p>Physics-based drop with multipliers.</p> <p>Physics-based drop with multipliers.</p>
<a href="/games/plinko" class="btn btn-neon mt-2">Play</a> <a href="/games/plinko" class="btn-neon mt-2">Play</a>
</div> </div>
<div class="card bg-gray-800 p-4 rounded shadow-neon"> <div class="card bg-gray-800 p-4 rounded shadow-neon">
<h3 class="text-lg mb-2">Wheel Spin</h3> <h3 class="text-lg mb-2">Wheel Spin</h3>
<p>Fortune wheel with prizes.</p> <p>Fortune wheel with prizes.</p>
<a href="/games/wheel" class="btn btn-neon mt-2">Play</a> <a href="/games/wheel" class="btn-neon mt-2">Play</a>
</div> </div>
<!-- Add more cards for blackjack, poker, roulette, dice, coin flip -->
</div> </div>
</div> </div>