Use margin instead of padding for header to avoid overlap with fixed icons
This commit is contained in:
@@ -30,12 +30,13 @@
|
|||||||
.user-header {
|
.user-header {
|
||||||
background: var(--header-bg, #2c3e50);
|
background: var(--header-bg, #2c3e50);
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
|
margin-right: 60px; /* Space for theme toggle */
|
||||||
|
margin-left: 50px; /* Space for hamburger menu */
|
||||||
color: var(--header-text, white);
|
color: var(--header-text, white);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border-bottom: 1px solid var(--border-color, #ddd);
|
border-bottom: 1px solid var(--border-color, #ddd);
|
||||||
max-width: 100%;
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
body.light-mode .user-header {
|
body.light-mode .user-header {
|
||||||
|
|||||||
@@ -44,12 +44,13 @@
|
|||||||
.user-header {
|
.user-header {
|
||||||
background: var(--header-bg, #2c3e50);
|
background: var(--header-bg, #2c3e50);
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
|
margin-right: 60px; /* Space for theme toggle */
|
||||||
|
margin-left: 50px; /* Space for hamburger menu */
|
||||||
color: var(--header-text, white);
|
color: var(--header-text, white);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border-bottom: 1px solid var(--border-color, #ddd);
|
border-bottom: 1px solid var(--border-color, #ddd);
|
||||||
max-width: 100%;
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
body.light-mode .user-header {
|
body.light-mode .user-header {
|
||||||
|
|||||||
Reference in New Issue
Block a user