catarrh/ponomar-pwa
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: nav justify-end on header with max-w-full to prevent overflow

Browse Source
This commit is contained in:
catarrh committed 2026-08-02 02:51:57 +03:00
1 parent accd5cf48c
commit 3f8d2c454c
1 file changed
+2 -2
Download Patch File Download Diff File Expand all files Collapse all files
src/ui/app.ts
+2 -2
View File
@@ -117,8 +117,8 @@ export class App {
const t = getTranslations(this.settings.language as LanguageCode); const t = getTranslations(this.settings.language as LanguageCode);
this.container.innerHTML = ` this.container.innerHTML = `
<div class="app-container min-h-screen flex flex-col"> <div class="app-container min-h-screen flex flex-col">
<header class="bg-navy text-parchment p-3 flex items-center shadow-md"> <header class="bg-navy text-parchment p-3 flex items-center justify-end shadow-md">
<nav class="flex flex-wrap gap-4 text-sm justify-end w-full"> <nav class="flex flex-wrap gap-4 text-sm max-w-full">
<a href="#calendar" class="nav-link hover:text-gold transition-colors" data-view="calendar">${t.nav.calendar}</a> <a href="#calendar" class="nav-link hover:text-gold transition-colors" data-view="calendar">${t.nav.calendar}</a>
<details class="nav-group relative" data-nav="library"> <details class="nav-group relative" data-nav="library">
<summary class="cursor-pointer list-none hover:text-gold transition-colors flex items-center gap-1">${t.nav.library} <span class="text-xs">▾</span></summary> <summary class="cursor-pointer list-none hover:text-gold transition-colors flex items-center gap-1">${t.nav.library} <span class="text-xs">▾</span></summary>