fix lobby foreal???
This commit is contained in:
@@ -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;
|
||||||
|
}
|
||||||
@@ -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>
|
||||||
Reference in New Issue
Block a user