Merge pull request #50 : fix(ui): prevent NavMenu logo from overlapping hamburger on mobile

fix(ui): prevent NavMenu logo from overlapping hamburger on mobile
On viewports ≤768px the burger button is position:fixed at the viewport edge, while the header retained its default 1rem left padding. The logo image therefore sat completely underneath the button, causing a visible overlap on hover. Increase .nav-header padding-left to 3.75rem on mobile so the .nav-brand clears the 2.5rem fixed toggle with a 0.5rem gap. Bump version → 1.10.6 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-05-08 13:57:04 +03:00 · 2026-05-08 13:41:48 +03:00 · 2026-05-08 13:24:02 +03:00 · 2026-05-08 13:16:16 +03:00 · 2026-05-08 13:15:53 +03:00
10 changed files with 25 additions and 14 deletions
@@ -6,7 +6,7 @@ on:
      - main 

 env:
-  VERSION: 1.10.4
+  VERSION: 1.10.6

 jobs:
  # ЧАСТЬ 1: Собираем образы и кладем в Gitea (чтобы делиться с ребятами)
@@ -1,6 +1,6 @@
 <Project>
  <PropertyGroup>
-    <Version>1.10.4</Version>
+    <Version>1.10.6</Version>
    <TargetFramework>net10.0</TargetFramework>
    <LangVersion>preview</LangVersion>
    <Nullable>enable</Nullable>
@@ -17,7 +17,7 @@ services:
      retries: 10

  bot:
-    image: git.codeanddice.ru/toutsu/gmrelay-bot:1.10.4
+    image: git.codeanddice.ru/toutsu/gmrelay-bot:1.10.6
    restart: always
    depends_on:
      db:
@@ -30,7 +30,7 @@ services:
      - gmrelay

  web:
-    image: git.codeanddice.ru/toutsu/gmrelay-web:1.10.4
+    image: git.codeanddice.ru/toutsu/gmrelay-web:1.10.6
    restart: always
    depends_on:
      db:
@@ -2,7 +2,7 @@

 <div class="nav-header">
    <a class="nav-brand" href="">
-        <span class="nav-brand-icon">🐢</span>
+        <img src="logo.png" alt="GM-Relay" class="nav-brand-icon" />
        <span class="nav-brand-text">GM-Relay</span>
    </a>
    <button class="nav-toggle" @onclick="ToggleMenu" aria-label="Переключить меню">
@@ -56,7 +56,7 @@
                    </button>
                </form>

-                <div class="nav-version">v1.10.4</div>
+                <div class="nav-version">v1.10.6</div>
            </div>
        </Authorized>
        <NotAuthorized>
@@ -16,10 +16,10 @@
 }

 .nav-brand-icon {
-    font-size: 1.5rem;
-    line-height: 1;
-    vertical-align: middle;
-    margin-top: -2px;
+    width: 1.5rem;
+    height: 1.5rem;
+    object-fit: contain;
+    display: block;
 }

 .nav-brand-text {
@@ -198,6 +198,7 @@
    }

    .nav-header {
+        padding-left: 3.75rem;
        padding-right: 0.75rem;
    }
 }
@@ -8,7 +8,7 @@

 <div class="login-page">
    <div class="login-card">
-        <div class="login-logo">🎲</div>
+        <img src="logo.png" alt="GM-Relay" class="login-logo" />
        <h1 class="login-title">GM-Relay</h1>
        <p class="login-subtitle">Войдите через Telegram для управления игровыми сессиями</p>

@@ -8,7 +8,7 @@

 <div class="mini-app-page">
    <div class="mini-app-auth-card" data-auth-status="@miniAppAuthStatus">
-        <div class="mini-app-logo">🎲</div>
+        <img src="logo.png" alt="GM-Relay" class="mini-app-logo" />
        <h1>GM-Relay</h1>
        <p>@statusMessage</p>

@@ -877,8 +877,13 @@ select option {
 }

 .login-logo {
-    font-size: 2.5rem;
+    width: 2.5rem;
+    height: 2.5rem;
+    object-fit: contain;
    margin-bottom: 0.5rem;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
 }

 .login-title {
@@ -919,8 +924,13 @@ select option {
 }

 .mini-app-logo {
-    font-size: 2.25rem;
+    width: 2.25rem;
+    height: 2.25rem;
+    object-fit: contain;
    margin-bottom: 0.75rem;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
 }

 .mini-app-auth-card h1 {
Author	SHA1	Message	Date
Toutsu	ac6e2455a1	Merge pull request #50 : fix(ui): prevent NavMenu logo from overlapping hamburger on mobile Deploy Telegram Bot / build-and-push (push) Successful in 3m47s Details Deploy Telegram Bot / deploy (push) Successful in 11s Details	2026-05-08 13:57:04 +03:00
Toutsu	9374ff16ed	fix(ui): prevent NavMenu logo from overlapping hamburger on mobile PR Checks / test-and-build (pull_request) Successful in 3m37s Details On viewports ≤768px the burger button is position:fixed at the viewport edge, while the header retained its default 1rem left padding. The logo image therefore sat completely underneath the button, causing a visible overlap on hover. Increase .nav-header padding-left to 3.75rem on mobile so the .nav-brand clears the 2.5rem fixed toggle with a 0.5rem gap. Bump version → 1.10.6 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>	2026-05-08 13:41:48 +03:00
Toutsu	17b92b25f4	Merge pull request #49 : feat(ui): replace emoji logos with new app icon across dashboard Deploy Telegram Bot / build-and-push (push) Successful in 3m43s Details Deploy Telegram Bot / deploy (push) Successful in 11s Details	2026-05-08 13:24:02 +03:00
Toutsu	d2edbf16cc	fix(ci): bump version to 1.10.5 PR Checks / test-and-build (pull_request) Successful in 3m49s Details Synchronize version across: - Directory.Build.props - compose.yaml (bot and web images) - deploy.yml - NavMenu version display Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>	2026-05-08 13:16:16 +03:00
Toutsu	b16627c2b6	feat(ui): replace emoji logos with new app icon across dashboard - NavMenu: swap 🐢 emoji for <img src="logo.png"> - Login page: swap 🎲 emoji for <img src="logo.png"> - Mini App page: swap 🎲 emoji for <img src="logo.png"> - Replace favicon.png with the new logo - Add logo.png to wwwroot - Update CSS for .nav-brand-icon, .login-logo, .mini-app-logo to use object-fit: contain sizing Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>	2026-05-08 13:15:53 +03:00