Invario/Key-service-Server
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Enhance brand section with improved styling and logo responsiveness

Browse Source 
Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
AIIrondev
2026-04-27 18:56:55 +02:00
parent 3a7c579647
commit a7cd22febd
1 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Website/templates/base.html
+21 -13
View File
@@ -115,25 +115,33 @@
gap: 1rem;
}
.brand {
display: inline-flex;
display: flex;
align-items: center;
gap: 0.62rem;
gap: 1.2rem;
font-family: "Merriweather", Georgia, serif;
font-size: 1.15rem;
font-size: 1.35rem;
font-weight: 700;
letter-spacing: 0.03em;
color: var(--brand-strong);
background: linear-gradient(90deg, #f3f1ea 60%, #e0eadf 100%);
padding: 0.3rem 1.2rem 0.3rem 0.3rem;
border-radius: 18px;
}
.brand img {
width: 38px;
height: 38px;
border-radius: 10px;
object-fit: cover;
border: 1px solid #bccdc4;
box-shadow: 0 8px 16px rgba(19, 49, 54, 0.14);
background: #ffffff;
width: 72px;
height: 72px;
border-radius: 18px;
object-fit: contain;
border: 2px solid #e0eadf;
box-shadow: 0 8px 24px rgba(19, 49, 54, 0.10);
background: linear-gradient(135deg, #f8f5ee 0%, #e0eadf 100%);
transition: transform 0.2s;
}
.brand img:hover {
transform: scale(1.04) rotate(-2deg);
}
.nav-links {
@@ -365,9 +373,9 @@
<body>
<nav class="site-nav">
<div class="site-shell site-nav-inner">
<a class="brand" href="{{ url_for('default') }}">
<img src="{{ url_for('static', filename='images/Logo-clear.png') }}" alt="Invario Logo">
<span>Invario</span>
<a class="brand" href="{{ url_for('default') }}" style="flex:1;max-width:340px;">
<img src="{{ url_for('static', filename='images/Logo-clear.png') }}" alt="Invario Logo" style="width:100%;height:auto;max-width:140px;min-width:72px;">
<span style="flex:1;text-align:left;">Invario</span>
</a>
<div class="nav-links" aria-label="Main Navigation">
<a href="{{ url_for('default') }}">Start</a>