diff --git a/frontend/css/neu.css b/frontend/css/neu.css index d5c044f..c4e950a 100644 --- a/frontend/css/neu.css +++ b/frontend/css/neu.css @@ -431,6 +431,8 @@ input, select, textarea { font-family: inherit; font-size: inherit; } border-bottom: 1px solid var(--neu-border); min-height: var(--navbar-height); flex-shrink: 0; + cursor: pointer; + user-select: none; } .sidebar-logo { @@ -447,10 +449,6 @@ input, select, textarea { font-family: inherit; font-size: inherit; } color: var(--neu-text); } -.sidebar-toggle { - margin-left: auto; - flex-shrink: 0; -} .sidebar-nav { flex: 1; diff --git a/frontend/css/pages.css b/frontend/css/pages.css index 971b739..48b706d 100644 --- a/frontend/css/pages.css +++ b/frontend/css/pages.css @@ -196,7 +196,7 @@ .total-badge { font-size: .875rem; font-weight: 600; color: var(--neu-primary); } .targets-grid { display: grid; - grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); + grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 1rem; } .target-card { padding: 1rem; display: flex; flex-direction: column; gap: .75rem; } @@ -548,6 +548,58 @@ gap: .375rem; } +/* Widget edit mode */ +.widget-size-2 { grid-column: span 2; } +@media (max-width: 720px) { .widget-size-2 { grid-column: span 1; } } + +.widget.is-dragging { opacity: 0.35; transform: scale(.97); } +.widget.drag-over { outline: 2px dashed var(--neu-primary); transform: scale(1.02); } + +.widget-edit-bar { + display: flex; + align-items: center; + gap: .375rem; + padding: .25rem 0 .75rem; + border-bottom: 1px solid var(--neu-border); + margin-bottom: .75rem; +} +.widget-edit-bar-title { flex: 1; font-size: .75rem; font-weight: 600; color: var(--neu-text-muted); text-transform: uppercase; } + +.edit-mode-banner { + display: flex; + align-items: center; + gap: .75rem; + padding: .625rem 1rem; + border-radius: var(--neu-radius-sm); + background: rgba(108, 142, 244, 0.1); + border: 1px solid var(--neu-primary); + margin-bottom: 1.25rem; + font-size: .875rem; + color: var(--neu-primary); +} +.edit-mode-banner i { font-size: 1.1rem; } + +.widget-add-grid { + display: flex; + flex-wrap: wrap; + gap: .75rem; + margin-top: 1.5rem; +} +.widget-add-btn { + display: flex; + align-items: center; + gap: .5rem; + padding: .5rem 1rem; + border-radius: var(--neu-radius-sm); + border: 1px dashed var(--neu-border); + background: transparent; + color: var(--neu-text-muted); + cursor: pointer; + font-size: .875rem; + transition: all .15s; +} +.widget-add-btn:hover { border-color: var(--neu-primary); color: var(--neu-primary); } + /* ── Profil / préférences ────────────────────────────────────────────────────── */ .settings-section { margin-bottom: 1.25rem; diff --git a/frontend/dashboard.html b/frontend/dashboard.html index 8944742..e6d4a8d 100644 --- a/frontend/dashboard.html +++ b/frontend/dashboard.html @@ -18,12 +18,9 @@