raucao/marco
1
0
Fork 0
Code Issues 15 Pull Requests Actions Releases 1 Activity

Fix sidebar content padding, class name

Browse Source
This commit is contained in:
Râu Cao
2026-03-17 16:54:41 +04:00
parent e3147caa90
commit 462404b53e
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/app-menu/index.gjs
View File

@@ -17,7 +17,7 @@ export default class AppMenu extends Component {
} }
<template> <template>
<div class="sidebar settings-pane"> <div class="sidebar app-menu-pane">
{{#if (eq this.currentView "menu")}} {{#if (eq this.currentView "menu")}}
<AppMenuHome @onNavigate={{this.setView}} @onClose={{@onClose}} /> <AppMenuHome @onNavigate={{this.setView}} @onClose={{@onClose}} />

10
app/styles/app.css
View File

@@ -214,12 +214,12 @@ body {
overflow: hidden; /* Ensure flex children are contained */ overflow: hidden; /* Ensure flex children are contained */
} }
.settings-pane.sidebar { .sidebar.app-menu-pane {
z-index: 3200; /* Higher than Places Sidebar (3100) */ z-index: 3200; /* Higher than Places Sidebar (3100) */
} }
@media (width <= 768px) { @media (width <= 768px) {
.settings-pane.sidebar { .sidebar.app-menu-pane {
width: 100%; width: 100%;
right: 0; right: 0;
border-radius: 16px 16px 0 0; border-radius: 16px 16px 0 0;
@@ -246,7 +246,7 @@ body {
} }
.sidebar-content { .sidebar-content {
padding: 0.5rem 1rem 1rem; padding: 1rem;
overflow-y: auto; overflow-y: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
flex: 1; flex: 1;
@@ -255,6 +255,10 @@ body {
overscroll-behavior: contain; overscroll-behavior: contain;
} }
.app-menu-pane .sidebar-content {
padding-top: 0.5rem;
}
.app-menu { .app-menu {
list-style: none; list-style: none;
padding: 0; padding: 0;