Chore: styles cleaning

This commit is contained in:
Grail Finder
2025-07-11 08:51:20 +03:00
parent 89572e8fb5
commit d056c4a07e
5 changed files with 8 additions and 72 deletions

View File

@ -1,7 +1,7 @@
body{ body{
background-color: #0C1616FF; background-color: #0C1616FF;
color: #8896b2; color: #8896b2;
max-width: 800px; max-width: 1000px;
min-width: 0px; min-width: 0px;
margin: 2em auto !important; margin: 2em auto !important;
margin-left: auto; margin-left: auto;
@ -12,12 +12,6 @@ body{
text-align: center; text-align: center;
display: block; display: block;
} }
a{
color: #00a2e7;
}
a:visited{
color: #ca1a70;
}
table{ table{
border-collapse: separate !important; border-collapse: separate !important;
border-spacing: 10px 10px; border-spacing: 10px 10px;

Binary file not shown.

View File

@ -10,36 +10,6 @@
<script src="/assets/helpers.js"></script> <script src="/assets/helpers.js"></script>
<meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1"/> <meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1"/>
<link rel="icon" sizes="64x64" href="/assets/favicon/wolfhead_negated.ico"/> <link rel="icon" sizes="64x64" href="/assets/favicon/wolfhead_negated.ico"/>
<style type="text/css">
body{
background-color: #0C1616FF;
color: #8896b2;
max-width: 1000px;
min-width: 0;
margin: 2em auto !important;
margin-left: auto;
margin-right: auto;
line-height: 1.5;
font-size: 16px;
font-family: Open Sans,Arial;
text-align: center;
display: block;
}
a{
color: #00a2e7;
}
a:visited{
color: #ca1a70;
}
table {
border-collapse: separate !important;
border-spacing: 10px 10px;
border: 1px solid white;
}
tr{
border: 1px solid white;
}
</style>
</head> </head>
<body> <body>
<div id="ancestor" hx-ext="sse" sse-connect="/sub/sse"> <div id="ancestor" hx-ext="sse" sse-connect="/sub/sse">

View File

@ -5,11 +5,13 @@
{{template "linklogin" .LinkLogin}} {{template "linklogin" .LinkLogin}}
{{ else if not .State.RoomID }} {{ else if not .State.RoomID }}
<div id="hello-user" class="grid grid-cols-3 items-center text-xl py-2"> <div id="hello-user" class="grid grid-cols-3 items-center text-xl py-2">
<div class="text-left">
<a href="/stats" class="bg-indigo-600 text-white font-semibold text-sm px-4 py-2 rounded hover:bg-indigo-500 visited:text-white">
stats
</a>
</div>
<p class="text-center">Hello {{.State.Username}}</p> <p class="text-center">Hello {{.State.Username}}</p>
<div class="text-right"> <div class="text-right">
<a href="/stats" class="bg-transparent hover:bg-green-500 text-green-700 font-semibold hover:text-white py-2 px-4 border border-green-500 hover:border-transparent rounded">
Stats
</a>
<a href="/signout"><button class="bg-indigo-600 text-white font-semibold text-sm px-4 py-2 rounded hover:bg-indigo-500">signout</button></a> <a href="/signout"><button class="bg-indigo-600 text-white font-semibold text-sm px-4 py-2 rounded hover:bg-indigo-500">signout</button></a>
</div> </div>
</div> </div>

View File

@ -10,44 +10,14 @@
<script src="/assets/helpers.js"></script> <script src="/assets/helpers.js"></script>
<meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1"/> <meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1"/>
<link rel="icon" sizes="64x64" href="/assets/favicon/wolfhead_negated.ico"/> <link rel="icon" sizes="64x64" href="/assets/favicon/wolfhead_negated.ico"/>
<style type="text/css">
body{
background-color: #0C1616FF;
color: #8896b2;
max-width: 1000px;
min-width: 0;
margin: 2em auto !important;
margin-left: auto;
margin-right: auto;
line-height: 1.5;
font-size: 16px;
font-family: Open Sans,Arial;
text-align: center;
display: block;
}
a{
color: #00a2e7;
}
a:visited{
color: #ca1a70;
}
table {
border-collapse: separate !important;
border-spacing: 10px 10px;
border: 1px solid white;
}
tr{
border: 1px solid white;
}
</style>
</head> </head>
<body> <body>
<div id="ancestor"> <div id="ancestor">
<div class="container mx-auto p-4"> <div class="container mx-auto p-4">
<h1 class="text-2xl font-bold mb-4">Player Leaderboard</h1> <h1 class="text-2xl font-bold mb-4">Player Leaderboard</h1>
<div class="mb-4"> <div class="mb-4">
<a href="/" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"> <a href="/" class="bg-indigo-600 text-white font-semibold text-sm px-4 py-2 rounded hover:bg-indigo-500 visited:text-white">
Home back home
</a> </a>
</div> </div>
<div class="overflow-x-auto"> <div class="overflow-x-auto">