Fix logo visibility: use auto width for horizontal image, rename to WBfeed
- 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:
+18
-30
@@ -129,14 +129,10 @@ a:hover { color: var(--blue-dark); text-decoration: underline; }
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.topbar__logo-img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 10px;
|
||||
height: 28px;
|
||||
width: auto;
|
||||
object-fit: contain;
|
||||
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 {
|
||||
@@ -932,37 +928,30 @@ textarea:focus {
|
||||
|
||||
.login-brand {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
background: rgba(255,255,255,0.12);
|
||||
border: 1px solid rgba(255,255,255,0.2);
|
||||
border-radius: 99px;
|
||||
padding: 8px 20px 8px 8px;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
margin-bottom: 36px;
|
||||
backdrop-filter: blur(8px);
|
||||
}
|
||||
.login-brand__icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
border-radius: 14px;
|
||||
padding: 10px 18px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-shrink: 0;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
|
||||
overflow: hidden;
|
||||
box-shadow: 0 8px 24px rgba(0,0,0,0.25);
|
||||
}
|
||||
.login-brand__icon img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
height: 36px;
|
||||
width: auto;
|
||||
object-fit: contain;
|
||||
display: block;
|
||||
}
|
||||
.login-brand__name {
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: #fff;
|
||||
letter-spacing: -0.2px;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: rgba(255,255,255,0.7);
|
||||
letter-spacing: 0.5px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.login-promo__title {
|
||||
@@ -1082,10 +1071,9 @@ textarea:focus {
|
||||
}
|
||||
|
||||
.auth-kicker-logo-img {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
height: 24px;
|
||||
width: auto;
|
||||
object-fit: contain;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.auth-kicker-text {
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<div class="topbar__inner">
|
||||
<a href="{{ url_for('index') }}" class="topbar__brand">
|
||||
<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>
|
||||
<div class="topbar__nav">
|
||||
<a href="{{ url_for('index') }}" class="topbar__link">Отзывы</a>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<div class="topbar__inner">
|
||||
<a href="{{ url_for('index') }}" class="topbar__brand">
|
||||
<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>
|
||||
<div class="topbar__nav">
|
||||
<a href="{{ url_for('index') }}" class="topbar__link">Отзывы</a>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<div class="topbar__inner">
|
||||
<a href="{{ url_for('index') }}" class="topbar__brand">
|
||||
<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>
|
||||
<div class="topbar__nav">
|
||||
<a href="{{ url_for('index') }}" class="topbar__link active">Отзывы</a>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<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') }}" />
|
||||
</head>
|
||||
<body>
|
||||
@@ -16,7 +16,7 @@
|
||||
<div class="login-brand__icon">
|
||||
<img src="{{ url_for('static', filename='wb3.png') }}" alt="WB">
|
||||
</div>
|
||||
<span class="login-brand__name">WB Feedback</span>
|
||||
<span class="login-brand__name">WBfeed</span>
|
||||
</div>
|
||||
|
||||
<h1 class="login-promo__title">Автоответы на отзывы<br>Wildberries — на автопилоте</h1>
|
||||
@@ -65,7 +65,7 @@
|
||||
<section class="auth-card">
|
||||
<div class="auth-kicker">
|
||||
<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>
|
||||
<h2 class="login-form-title">Войдите в кабинет</h2>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user