xTr1m/GameList
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improved styling

Browse Source
This commit is contained in:
Frank Tovar
2026-02-02 16:25:42 +01:00
parent ed4985c824
commit 85c864d202
4 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
wwwroot/styles.css
View File

@@ -107,12 +107,12 @@ textarea { min-height: 80px; resize: vertical; }
button {
cursor: pointer;
background: linear-gradient(135deg, #20b2aa, #159f9a);
border-color: #128b88;
background: linear-gradient(-5deg, #30afea, #80e2ff);
border-color: #124b88;
font-weight: 700;
color: #2c1c0d;
}
button:hover { background: linear-gradient(135deg, #2bc6bf, #16b8ae); }
button:hover { background: linear-gradient(-5deg, #40e2ff, #e0f0ff ); }
button.danger { background: #e0564f; border-color: #c54740; color: #fffaf3; }
@@ -158,11 +158,12 @@ h3 { margin: 0; font-size: 18px; }
.card-title-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.title-meta { display: flex; align-items: center; gap: 8px; }
p { margin: 0; }
.muted { color: #7a6a53; margin: 0; }
.link { color: #0f8a86; text-decoration: none; font-weight: 700; }
.link { color: #30afea; text-decoration: none; font-weight: 700; }
.link:hover { text-decoration: underline; }
.link.compact { font-size: 14px; }
.chip { background: #f1dfc5; color: #2c1c0d; padding: 4px 8px; border-radius: 999px; font-size: 12px; }
.chip { background: #c5dff1; color: #2c1c0d; padding: 4px 8px; border-radius: 999px; font-size: 12px; }
.chip.danger-chip { background: #e0564f; border: 1px solid #c54740; color: #fffaf3; }
.vote-controls { display: flex; gap: 10px; align-items: center; margin-top: auto; padding-top: 6px; }
@@ -185,7 +186,7 @@ input[type="range"].full-slider {
width: 100%;
height: 20px;
border-radius: 999px;
background: linear-gradient(90deg, #1ea8a0, #1fc2b4, #22c55e);
background: linear-gradient(90deg, #c52222, #d5c522, #22c55e);
outline: none;
box-shadow: inset 0 0 0 1px #e3d4bd, 0 4px 12px rgba(0,0,0,0.18);
}