minigame 6 rocker 1.8

2026-05-01 15:47:05 +00:00
parent b85cc3a4e5
commit 306637996e
4 changed files with 28 additions and 5 deletions
@@ -502,6 +502,29 @@ legend {
  transition: background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition);
 }

+.tab-heading-row {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: 0.4rem;
+}
+
+.tab-heading-icon {
+  flex: 0 0 auto;
+  width: 22px;
+  height: 22px;
+  object-fit: contain;
+  margin-top: 0.05rem;
+  image-rendering: pixelated;
+  image-rendering: crisp-edges;
+}
+
+.tab-heading-icon--wide {
+  width: auto;
+  max-width: 34px;
+  height: 22px;
+}
+
 .tab-label {
  font-size: 0.88rem;
  font-weight: 600;
@@ -9,7 +9,7 @@
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="admin.css?v=26">
+  <link rel="stylesheet" href="admin.css?v=30">
 </head>
 <body>
  <a class="skip-link" href="#admin-main">ข้ามไปเนื้อหา</a>
@@ -69,12 +69,12 @@
        <button type="button" class="tab is-active" data-tab="oauth" role="tab" id="tab-oauth" aria-selected="true" aria-controls="tab-panel-oauth"><span class="tab-label">OAuth</span><span class="tab-desc">Facebook / Google</span></button>
        <button type="button" class="tab" data-tab="map-editor" role="tab" id="tab-map-editor" aria-controls="tab-panel-map-editor"><span class="tab-label">Editor</span><span class="tab-desc">แผนที่ฉาก</span></button>
        <button type="button" class="tab" data-tab="quiz" role="tab" id="tab-quiz" aria-controls="tab-panel-quiz"><span class="tab-label">Minigame-1-จริงหรือไม่</span><span class="tab-desc" aria-hidden="true"></span></button>
-        <button type="button" class="tab" data-tab="game-timing" role="tab" id="tab-game-timing" aria-controls="tab-panel-game-timing"><span class="tab-label">Minigame-2-วิ่งหลบสิ่งกีดขวาง</span><span class="tab-desc" aria-hidden="true"></span></button>
+        <button type="button" class="tab" data-tab="game-timing" role="tab" id="tab-game-timing" aria-controls="tab-panel-game-timing"><span class="tab-heading-row"><img class="tab-heading-icon" src="/Game/img/gauntlet-assets/gauntlet-dd51baed17270995.png" width="22" height="22" alt="" decoding="async"><span class="tab-label">Minigame-2-วิ่งหลบสิ่งกีดขวาง</span></span><span class="tab-desc" aria-hidden="true"></span></button>
        <button type="button" class="tab" data-tab="stack-game" role="tab" id="tab-stack-game" aria-controls="tab-panel-stack-game"><span class="tab-label">Minigame-3-Tower block</span><span class="tab-desc" aria-hidden="true"></span></button>
-        <button type="button" class="tab" data-tab="quiz-carry" role="tab" id="tab-quiz-carry" aria-controls="tab-panel-quiz-carry"><span class="tab-label">Minigame-4-คำศัพท์ในกระบวนการยุติธรรม</span><span class="tab-desc" aria-hidden="true"></span></button>
+        <button type="button" class="tab" data-tab="quiz-carry" role="tab" id="tab-quiz-carry" aria-controls="tab-panel-quiz-carry"><span class="tab-heading-row"><img class="tab-heading-icon tab-heading-icon--wide" src="/Game/img/quiz-carry/admin-tab-minigame-4.png" width="32" height="22" alt="" decoding="async"><span class="tab-label">Minigame-4-คำศัพท์ในกระบวนการยุติธรรม</span></span><span class="tab-desc" aria-hidden="true"></span></button>
        <button type="button" class="tab" data-tab="quiz-battle" role="tab" id="tab-quiz-battle" aria-controls="tab-panel-quiz-battle"><span class="tab-label">Quiz Battle</span><span class="tab-desc">โดม · A B C · หมวด</span></button>
-        <button type="button" class="tab" data-tab="jump-survive" role="tab" id="tab-jump-survive" aria-controls="tab-panel-jump-survive"><span class="tab-label">Minigame-5-กระโดดขึ้นแท่น</span><span class="tab-desc" aria-hidden="true"></span></button>
-        <button type="button" class="tab" data-tab="space-shooter" role="tab" id="tab-space-shooter" aria-controls="tab-panel-space-shooter"><span class="tab-label">Minigame-6-ยิงอุกาบาต Violent Crime</span><span class="tab-desc" aria-hidden="true"></span></button>
+        <button type="button" class="tab" data-tab="jump-survive" role="tab" id="tab-jump-survive" aria-controls="tab-panel-jump-survive"><span class="tab-heading-row"><img class="tab-heading-icon" src="/Game/img/Jumper/admin-tab-minigame-5.png" width="22" height="22" alt="" decoding="async"><span class="tab-label">Minigame-5-กระโดดขึ้นแท่น</span></span><span class="tab-desc" aria-hidden="true"></span></button>
+        <button type="button" class="tab" data-tab="space-shooter" role="tab" id="tab-space-shooter" aria-controls="tab-panel-space-shooter"><span class="tab-heading-row"><img class="tab-heading-icon" src="/Game/img/ViolentCrime/Meteo-1.png" width="22" height="22" alt="" decoding="async"><span class="tab-label">Minigame-6-ยิงอุกาบาต Violent Crime</span></span><span class="tab-desc" aria-hidden="true"></span></button>
        <button type="button" class="tab" data-tab="mega-virus" role="tab" id="tab-mega-virus" aria-controls="tab-panel-mega-virus"><span class="tab-label">Minigame-7-ยิง Mega Virus</span><span class="tab-desc" aria-hidden="true"></span></button>
        <button type="button" class="tab" data-tab="characters" role="tab" id="tab-characters" aria-controls="tab-panel-characters"><span class="tab-label">ตัวละคร</span><span class="tab-desc">อัปโหลด · เลือกใช้ในเกม</span></button>
        <button type="button" class="tab" data-tab="accounts" role="tab" id="tab-accounts" aria-controls="tab-panel-accounts"><span class="tab-label">ผู้ใช้</span><span class="tab-desc">บัญชี &amp; COINS</span></button>