thibaud-lclr/ltbxd-actorle
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

style: add game grid and popover styling

Browse Source
This commit is contained in:
thibaud-leclere
2026-03-28 13:19:53 +01:00
parent 6290cef3fe
commit deb826401d
1 changed files with 57 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
assets/styles/app.css
View File

@@ -3,9 +3,64 @@ body {
font-family: 'Noto Sans', sans-serif; font-family: 'Noto Sans', sans-serif;
} }
#actors {
border-collapse: collapse;
margin: 40px auto;
}
#actors td { #actors td {
width: 16px; width: 32px;
height: 16px; height: 32px;
text-align: center;
vertical-align: middle;
}
.letter-input {
width: 32px;
height: 32px;
text-align: center;
font-size: 16px;
font-weight: bold;
border: 2px solid #d1d5db;
border-radius: 4px;
text-transform: uppercase;
padding: 0;
box-sizing: border-box;
}
.letter-input:focus {
outline: none;
border-color: #2563eb;
}
.letter-highlighted {
background-color: #fecaca;
border-color: #dc2626;
}
.popover-trigger {
width: 28px;
height: 28px;
border-radius: 50%;
border: 1px solid #d1d5db;
background: white;
cursor: pointer;
font-size: 14px;
color: #6b7280;
}
.popover-trigger:hover {
background: #f3f4f6;
}
.actor-popover {
background: white;
border: 1px solid #d1d5db;
border-radius: 8px;
padding: 12px 16px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
z-index: 100;
font-size: 14px;
} }
.auth-container { .auth-container {