Suyash091/agentic.email
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

responsiveness fix

Browse source
This commit is contained in:
debu-2 2026-10-06 21:03:37 +05:30
parent 4ad05bf137
commit f7a4753217
9 changed files with 396 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

48
frontend/src/responsive.css
View file

@ -19,13 +19,13 @@
padding:16px 8px 12px;
z-index:12;
}
.dashboard-brand-row { justify-content:center; padding:0; }
.dashboard-brand-row { flex-direction:column; justify-content:center; padding:0; gap:6px; }
.dashboard-brand-row .brand > span:not(.brand-mark),
.dashboard-compose span,
.dashboard-sidebar-section h2,
.dashboard-nav-item em,
.dashboard-profile > div { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.dashboard-brand-row > button,
.dashboard-brand-row > button { display:grid; width:32px; height:32px; color:#c8c3d4; }
.dashboard-profile > button { display:none; }
.dashboard-compose { width:44px; min-height:40px; margin:16px auto 0; padding:0; }
.dashboard-nav-item { justify-content:center; padding:0; gap:0; }
@ -111,6 +111,50 @@
max-width:calc(100vw - 48px);
height:min(78vh,calc(100vh - 32px));
}
.dashboard:has(.dashboard-sidebar.open) { grid-template-columns:228px minmax(0,1fr); }
.dashboard-sidebar.open {
width:228px;
padding:var(--space-4) var(--space-3) var(--space-3);
}
.dashboard-sidebar.open .dashboard-brand-row { flex-direction:row; justify-content:space-between; padding:0 6px 2px; }
.dashboard-sidebar.open .dashboard-brand-row .brand > span:not(.brand-mark),
.dashboard-sidebar.open .dashboard-compose span,
.dashboard-sidebar.open .dashboard-sidebar-section h2,
.dashboard-sidebar.open .dashboard-nav-item span,
.dashboard-sidebar.open .dashboard-profile > div {
position:static;
width:auto;
height:auto;
clip:auto;
overflow:visible;
margin:0;
white-space:nowrap;
}
.dashboard-sidebar.open .dashboard-nav-item em {
position:static;
width:auto;
min-width:18px;
height:18px;
clip:auto;
overflow:visible;
margin-left:auto;
padding:0 6px;
}
.dashboard-sidebar.open .dashboard-sidebar-section h2 { margin:0 0 var(--space-2); padding:0 var(--space-2); }
.dashboard-sidebar.open .dashboard-compose {
width:calc(100% - 8px);
margin:var(--space-4) var(--space-1) 0;
padding:0 var(--space-4);
}
.dashboard-sidebar.open .dashboard-nav-item { justify-content:flex-start; padding:0 var(--space-3); gap:var(--space-3); }
.dashboard-sidebar.open .dashboard-nav-item span { position:static; width:auto; height:auto; clip:auto; overflow:visible; flex:1; min-width:0; }
.dashboard-sidebar.open .dashboard-profile {
grid-template-columns:34px minmax(0,1fr) 31px;
padding-left:5px;
padding-right:5px;
}
.dashboard-sidebar.open .dashboard-profile > button { display:grid; }
}
@media (max-width:767px) {