admin/shooting-event
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

api specs

Browse Source
This commit is contained in:
Dian Afif
2026-04-29 00:45:48 +04:00
parent 27143319e3
commit 8cda54548f
67 changed files with 5052 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

311
frontend/src/style.css
View File

@@ -117,6 +117,8 @@ body {
.control-toggle-row {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
}
.control-toggle-btn {
@@ -138,6 +140,35 @@ body {
background: linear-gradient(180deg, #f0f6ff 0%, #e6f0ff 100%);
}
.control-icon-btn {
width: 38px;
height: 38px;
border: 1px solid #cfd6e7;
background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
border-radius: 12px;
color: #445478;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 4px 12px rgba(27, 31, 64, 0.08);
}
.control-icon-btn:hover {
background: linear-gradient(180deg, #f0f6ff 0%, #e6f0ff 100%);
}
.control-icon-btn.active {
background: var(--navy);
border-color: var(--navy);
color: #fff;
}
.control-icon-btn svg {
width: 18px;
height: 18px;
}
.control-toggle-meta {
font-family: "IBM Plex Mono", monospace;
color: #6c7a97;
@@ -901,6 +932,23 @@ select.name-input {
color: #7d87a1;
}
.score-input-over-limit {
border-color: #ec2f23 !important;
color: #8e1a14;
background: #fff2f1;
animation: score-over-limit-blink 0.7s ease-in-out infinite;
}
@keyframes score-over-limit-blink {
0%,
100% {
box-shadow: 0 0 0 0 rgba(236, 47, 35, 0.18);
}
50% {
box-shadow: 0 0 0 4px rgba(236, 47, 35, 0.28);
}
}
.proof-actions {
display: flex;
align-items: center;
@@ -1123,12 +1171,18 @@ select.name-input {
color: var(--ok);
}
.live-mode-root {
position: relative;
--live-footer-height: 74px;
--live-footer-offset: 16px;
padding-bottom: calc(var(--live-footer-height) + var(--live-footer-offset) + env(safe-area-inset-bottom));
}
.live-mode-shell {
position: relative;
min-height: 72vh;
border-radius: 18px;
overflow: hidden;
background-image: url('/bg_live.png');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
@@ -1139,12 +1193,12 @@ select.name-input {
.live-mode-overlay {
min-height: 72vh;
padding: 16px;
background: linear-gradient(135deg, rgba(7, 18, 43, 0.72) 0%, rgba(9, 27, 56, 0.6) 45%, rgba(12, 30, 68, 0.66) 100%);
background: #171b3c;
}
.live-mode-header h2 {
margin: 0;
color: #f8d78b;
color: rgba(240, 248, 255, 0.84);
font-size: clamp(22px, 3vw, 34px);
}
@@ -1167,7 +1221,7 @@ select.name-input {
.live-screen-card {
border: 1px solid rgba(200, 223, 255, 0.28);
border-radius: 14px;
background: rgba(8, 16, 38, 0.62);
background: #1a1e3f;
box-shadow: 0 8px 18px rgba(7, 19, 42, 0.18);
backdrop-filter: blur(3px);
padding: 10px;
@@ -1186,7 +1240,7 @@ select.name-input {
.live-focus-banner {
border: 1px solid rgba(168, 205, 242, 0.4);
border-radius: 14px;
background: linear-gradient(135deg, rgba(16, 32, 72, 0.86) 0%, rgba(11, 27, 60, 0.84) 100%);
background: rgba(23, 27, 60, 0.9);
padding: 10px 14px;
display: grid;
gap: 2px;
@@ -1211,28 +1265,13 @@ select.name-input {
text-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);
}
.live-focus-banner.focus-a .live-focus-title {
color: #98c4ff;
}
.live-focus-banner.focus-b .live-focus-title {
color: #8de6ff;
}
.live-focus-banner.focus-c .live-focus-title {
color: #ffad9d;
}
.live-focus-banner.focus-d .live-focus-title {
color: #ffd98f;
}
.live-focus-banner.focus-u .live-focus-title {
color: #d9e3f2;
}
.live-focus-banner.focus-a .live-focus-title,
.live-focus-banner.focus-b .live-focus-title,
.live-focus-banner.focus-c .live-focus-title,
.live-focus-banner.focus-d .live-focus-title,
.live-focus-banner.focus-u .live-focus-title,
.live-focus-banner.focus-final .live-focus-title {
color: #f9e3a1;
color: #d9e3f2;
}
.live-screen-head {
@@ -1245,6 +1284,10 @@ select.name-input {
.live-head-selection {
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.live-screen-head h3 {
@@ -1293,6 +1336,56 @@ select.name-input {
filter: blur(1px);
}
.live-mode-footer {
margin-top: 0;
padding: 10px 12px;
border: 1px solid rgba(158, 198, 238, 0.38);
border-radius: 14px;
background: #1a1e3f;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
gap: 10px;
direction: ltr;
}
.live-mode-fixed-footer {
position: fixed;
inset-inline: 24px;
bottom: calc(var(--live-footer-offset) + env(safe-area-inset-bottom));
box-shadow: 0 10px 24px rgba(8, 18, 39, 0.02);
}
.live-footer-slot {
display: flex;
align-items: center;
}
.live-footer-slot.left {
justify-content: flex-start;
}
.live-footer-slot.center {
justify-content: center;
}
.live-footer-slot.right {
justify-content: flex-end;
}
.live-footer-logo {
max-width: min(35vw, 200px);
padding: 10px;
width: auto;
height: auto;
object-fit: contain;
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
}
.live-footer-slot.right .live-footer-logo {
max-width: min(45vw, 280px);
}
.multi-round-cell {
min-width: 98px;
}
@@ -1376,7 +1469,7 @@ select.name-input {
}
.live-score-table thead th {
background: linear-gradient(90deg, #11254a 0%, #124665 100%);
background: #171b3c;
}
.live-screen-card .score-table td {
@@ -1391,49 +1484,103 @@ select.name-input {
.live-screen-card .table-wrap {
border-color: rgba(158, 186, 216, 0.28);
background: rgba(11, 24, 49, 0.65);
background: #171b3c;
}
.live-screen-card .qualified-row {
background: linear-gradient(90deg, rgba(16, 160, 194, 0.24), rgba(16, 160, 194, 0.06));
background: rgba(16, 160, 194, 0.12);
}
.live-podium {
margin-top: 60px;
height: 390px;
margin-top: 72px;
min-height: 500px;
gap: 22px;
padding: 0 18px;
}
.podium-live-card .podium-col {
background: linear-gradient(180deg, rgba(12, 23, 52, 0.95) 0%, rgba(9, 19, 43, 0.95) 100%);
background: #1a1e3f;
border: 1px solid rgba(177, 205, 236, 0.26);
box-shadow: 0 16px 30px rgba(2, 10, 25, 0.45);
box-shadow: 0 18px 34px rgba(2, 10, 25, 0.45);
min-width: 0;
max-width: 330px;
border-radius: 22px 22px 0 0;
}
.podium-live-card .podium-col.pos-1 {
border-top: 8px solid #e7c45f;
background: linear-gradient(180deg, rgba(48, 38, 15, 0.95) 0%, rgba(18, 24, 48, 0.96) 100%);
height: 330px;
border-top: 10px solid rgba(231, 196, 95, 0.4);
background: #1a1e3f;
height: 430px;
box-shadow: 0 22px 44px rgba(231, 196, 95, 0.15);
}
.podium-live-card .podium-col.pos-2 {
border-top: 8px solid #b8c3d7;
background: linear-gradient(180deg, rgba(37, 44, 62, 0.95) 0%, rgba(12, 20, 43, 0.96) 100%);
height: 260px;
border-top: 10px solid rgba(184, 195, 215, 0.4);
background: #1a1e3f;
height: 350px;
}
.podium-live-card .podium-col.pos-3 {
border-top: 8px solid #cf8b45;
background: linear-gradient(180deg, rgba(59, 36, 23, 0.95) 0%, rgba(14, 22, 45, 0.96) 100%);
height: 240px;
border-top: 10px solid rgba(207, 139, 69, 0.4);
background: #1a1e3f;
height: 320px;
}
.podium-live-card .podium-avatar-wrap {
top: -82px;
}
.podium-live-card .podium-col.pos-1 .podium-avatar-wrap {
top: -112px;
}
.podium-live-card .podium-img {
width: 150px;
height: 150px;
border-width: 6px;
}
.podium-live-card .podium-col.pos-1 .podium-img {
width: 210px;
height: 210px;
border-width: 7px;
}
.podium-live-card .podium-name {
color: #f2f8ff;
font-size: clamp(19px, 1.8vw, 24px);
width: calc(100% - 20px);
max-width: calc(100% - 20px);
text-align: center;
line-height: 1.2;
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
unicode-bidi: plaintext;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 2.4em;
max-height: 2.4em;
}
.podium-live-card .podium-col.pos-1 .podium-name {
font-size: clamp(22px, 2.2vw, 30px);
-webkit-line-clamp: 3;
line-clamp: 3;
min-height: 3.6em;
max-height: 3.6em;
}
.podium-live-card .podium-name.empty {
color: rgba(204, 220, 240, 0.78);
font-size: 22px;
-webkit-line-clamp: 2;
line-clamp: 2;
min-height: 2.4em;
max-height: 2.4em;
}
.podium-live-card .podium-score {
@@ -1441,12 +1588,29 @@ select.name-input {
color: #ffd888;
border-color: rgba(255, 255, 255, 0.18);
margin-bottom: 0;
font-size: 16px;
padding: 10px 16px;
}
.podium-live-card .podium-col.pos-1 .podium-score {
font-size: 18px;
padding: 12px 18px;
}
.podium-live-card .podium-medal-icon {
filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.35));
font-size: 60px;
margin-top: 86px;
}
.podium-live-card .podium-col.pos-1 .podium-medal-icon {
font-size: 84px;
margin-top: 118px;
}
.podium-panel {
background: #f0f2f8;
}
@@ -2111,10 +2275,15 @@ select.name-input {
}
.control-toggle-btn {
width: 100%;
flex: 1;
justify-content: space-between;
}
.control-icon-btn {
width: 40px;
height: 40px;
}
.tab-bar {
grid-auto-columns: minmax(126px, 1fr);
}
@@ -2170,14 +2339,19 @@ select.name-input {
grid-template-columns: 1fr;
}
.live-mode-root {
--live-footer-height: 62px;
--live-footer-offset: 10px;
}
.live-mode-shell {
border-radius: 12px;
min-height: 0;
min-height: 70dvh;
}
.live-mode-overlay {
padding: 10px;
min-height: 0;
min-height: 70dvh;
}
.live-mode-grid {
@@ -2193,6 +2367,23 @@ select.name-input {
align-items: flex-start;
}
.live-mode-footer {
padding: 8px;
gap: 6px;
}
.live-mode-fixed-footer {
inset-inline: 10px;
}
.live-footer-logo {
max-height: 36px;
}
.live-footer-slot.right .live-footer-logo {
max-width: min(40vw, 150px);
}
.status-row {
justify-content: flex-start;
}
@@ -2229,6 +2420,36 @@ select.name-input {
padding-bottom: 16px;
}
.podium-live-card .podium-img {
width: 128px;
height: 128px;
}
.podium-live-card .podium-col.pos-1 .podium-img {
width: 156px;
height: 156px;
}
.podium-live-card .podium-medal-icon {
font-size: 50px;
margin-top: 64px;
}
.podium-live-card .podium-col.pos-1 .podium-medal-icon {
font-size: 64px;
margin-top: 84px;
}
.podium-live-card .podium-name {
-webkit-line-clamp: 3;
min-height: 3.45em;
}
.podium-live-card .podium-col.pos-1 .podium-name {
-webkit-line-clamp: 3;
min-height: 3.45em;
}
.competitor-image {
width: 56px;
height: 56px;