Improve mobile nav: remove Import emoji, swap with About, add responsive styles
This commit is contained in:
parent
450f0776fc
commit
4d006f3cbe
1 changed files with 8 additions and 2 deletions
10
serp.py
10
serp.py
|
|
@ -594,7 +594,7 @@ def inject_i18n(html: str, lang: str) -> str:
|
|||
# Replace nav placeholder with actual nav (add import link if enabled)
|
||||
nav = NAV_HTML
|
||||
if IMPORT_MODE:
|
||||
nav = nav.replace('</div>', ' <a href="/import">Import 🧪</a>\n</div>')
|
||||
nav = nav.replace('<a href="/about">', '<a href="/import">Import</a>\n <a href="/about">')
|
||||
html = html.replace('<!-- NAV -->', nav)
|
||||
# Build language selector options
|
||||
lang_options = ''.join(f'<option value="{code}"{" selected" if code == lang else ""}>{name}</option>'
|
||||
|
|
@ -706,10 +706,16 @@ body {
|
|||
background: #1a1a1a; padding: 10px 20px;
|
||||
display: flex; gap: 20px; align-items: center;
|
||||
border-bottom: 1px solid #333;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.nav a { color: #ff6b6b; text-decoration: none; }
|
||||
.nav a { color: #ff6b6b; text-decoration: none; padding: 5px 0; }
|
||||
.nav a:hover { text-decoration: underline; }
|
||||
.nav .brand { font-weight: bold; font-size: 18px; }
|
||||
@media (max-width: 600px) {
|
||||
.nav { gap: 12px; padding: 10px 15px; }
|
||||
.nav a { font-size: 14px; }
|
||||
.nav .brand { font-size: 16px; width: 100%; margin-bottom: 5px; }
|
||||
}
|
||||
.container { padding: 20px; }
|
||||
a { color: #ff6b6b; }
|
||||
input[type="text"], select {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue