ruslan/wildberries
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix logo visibility: use auto width for horizontal image, rename to WBfeed

Browse Source 
- topbar: height:28px width:auto (fits 4:1 logo without squishing)
- login brand icon: white rectangular bg, height:36px width:auto
- auth-kicker: height:24px width:auto
- Brand name: WBfeed everywhere

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
ruslan
2026-05-15 21:34:21 +03:00
parent de278227ac
commit 095da4380c
5 changed files with 24 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/styles.css
+18 -30
View File
@@ -129,14 +129,10 @@ a:hover { color: var(--blue-dark); text-decoration: underline; }
flex-shrink: 0; flex-shrink: 0;
} }
.topbar__logo-img { .topbar__logo-img {
width: 40px; height: 28px;
height: 40px; width: auto;
border-radius: 10px;
object-fit: contain; object-fit: contain;
flex-shrink: 0; flex-shrink: 0;
background: white;
padding: 4px;
box-shadow: 0 2px 10px rgba(203,17,171,0.3), 0 0 0 2px rgba(203,17,171,0.12);
} }
.topbar__name { .topbar__name {
@@ -932,37 +928,30 @@ textarea:focus {
.login-brand { .login-brand {
display: inline-flex; display: inline-flex;
align-items: center; flex-direction: column;
gap: 12px; gap: 10px;
background: rgba(255,255,255,0.12);
border: 1px solid rgba(255,255,255,0.2);
border-radius: 99px;
padding: 8px 20px 8px 8px;
margin-bottom: 36px; margin-bottom: 36px;
backdrop-filter: blur(8px);
} }
.login-brand__icon { .login-brand__icon {
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff; background: #fff;
display: flex; border-radius: 14px;
padding: 10px 18px;
display: inline-flex;
align-items: center; align-items: center;
justify-content: center; box-shadow: 0 8px 24px rgba(0,0,0,0.25);
flex-shrink: 0;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
overflow: hidden;
} }
.login-brand__icon img { .login-brand__icon img {
width: 32px; height: 36px;
height: 32px; width: auto;
object-fit: contain; object-fit: contain;
display: block;
} }
.login-brand__name { .login-brand__name {
font-size: 16px; font-size: 13px;
font-weight: 700; font-weight: 600;
color: #fff; color: rgba(255,255,255,0.7);
letter-spacing: -0.2px; letter-spacing: 0.5px;
text-transform: uppercase;
} }
.login-promo__title { .login-promo__title {
@@ -1082,10 +1071,9 @@ textarea:focus {
} }
.auth-kicker-logo-img { .auth-kicker-logo-img {
width: 36px; height: 24px;
height: 36px; width: auto;
object-fit: contain; object-fit: contain;
border-radius: 8px;
} }
.auth-kicker-text { .auth-kicker-text {
templates/admin.html
+1 -1
View File
@@ -12,7 +12,7 @@
<div class="topbar__inner"> <div class="topbar__inner">
<a href="{{ url_for('index') }}" class="topbar__brand"> <a href="{{ url_for('index') }}" class="topbar__brand">
<img src="{{ url_for('static', filename='wb3.png') }}" class="topbar__logo-img" alt="WB"> <img src="{{ url_for('static', filename='wb3.png') }}" class="topbar__logo-img" alt="WB">
<span class="topbar__name">WBfeed.ru</span> <span class="topbar__name">WBfeed</span>
</a> </a>
<div class="topbar__nav"> <div class="topbar__nav">
<a href="{{ url_for('index') }}" class="topbar__link">Отзывы</a> <a href="{{ url_for('index') }}" class="topbar__link">Отзывы</a>
templates/cabinet.html
+1 -1
View File
@@ -12,7 +12,7 @@
<div class="topbar__inner"> <div class="topbar__inner">
<a href="{{ url_for('index') }}" class="topbar__brand"> <a href="{{ url_for('index') }}" class="topbar__brand">
<img src="{{ url_for('static', filename='wb3.png') }}" class="topbar__logo-img" alt="WB"> <img src="{{ url_for('static', filename='wb3.png') }}" class="topbar__logo-img" alt="WB">
<span class="topbar__name">WBfeed.ru</span> <span class="topbar__name">WBfeed</span>
</a> </a>
<div class="topbar__nav"> <div class="topbar__nav">
<a href="{{ url_for('index') }}" class="topbar__link">Отзывы</a> <a href="{{ url_for('index') }}" class="topbar__link">Отзывы</a>
templates/index.html
+1 -1
View File
@@ -12,7 +12,7 @@
<div class="topbar__inner"> <div class="topbar__inner">
<a href="{{ url_for('index') }}" class="topbar__brand"> <a href="{{ url_for('index') }}" class="topbar__brand">
<img src="{{ url_for('static', filename='wb3.png') }}" class="topbar__logo-img" alt="WB"> <img src="{{ url_for('static', filename='wb3.png') }}" class="topbar__logo-img" alt="WB">
<span class="topbar__name">WBfeed.ru</span> <span class="topbar__name">WBfeed</span>
</a> </a>
<div class="topbar__nav"> <div class="topbar__nav">
<a href="{{ url_for('index') }}" class="topbar__link active">Отзывы</a> <a href="{{ url_for('index') }}" class="topbar__link active">Отзывы</a>
templates/login.html
+3 -3
View File
@@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Вход — WB Feedback</title> <title>Вход — WBfeed</title>
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}" /> <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}" />
</head> </head>
<body> <body>
@@ -16,7 +16,7 @@
<div class="login-brand__icon"> <div class="login-brand__icon">
<img src="{{ url_for('static', filename='wb3.png') }}" alt="WB"> <img src="{{ url_for('static', filename='wb3.png') }}" alt="WB">
</div> </div>
<span class="login-brand__name">WB Feedback</span> <span class="login-brand__name">WBfeed</span>
</div> </div>
<h1 class="login-promo__title">Автоответы на отзывы<br>Wildberries — на автопилоте</h1> <h1 class="login-promo__title">Автоответы на отзывы<br>Wildberries — на автопилоте</h1>
@@ -65,7 +65,7 @@
<section class="auth-card"> <section class="auth-card">
<div class="auth-kicker"> <div class="auth-kicker">
<img src="{{ url_for('static', filename='wb3.png') }}" class="auth-kicker-logo-img" alt="WB"> <img src="{{ url_for('static', filename='wb3.png') }}" class="auth-kicker-logo-img" alt="WB">
<span class="auth-kicker-text">WB Feedback</span> <span class="auth-kicker-text">WBfeed</span>
</div> </div>
<h2 class="login-form-title">Войдите в кабинет</h2> <h2 class="login-form-title">Войдите в кабинет</h2>