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

setting, session and profile

Browse source
This commit is contained in:
debu-2 2026-10-07 03:19:09 +05:30
parent 48eea5d201
commit 4a563f4f34
31 changed files with 1797 additions and 159 deletions
Download patch file Download diff file Expand all files Collapse all files

95
frontend/src/responsive.css
View file

@ -112,17 +112,17 @@
height:min(78vh,calc(100vh - 32px));
}
.dashboard:has(.dashboard-sidebar.open) { grid-template-columns:228px minmax(0,1fr); }
.dashboard-sidebar.open {
.dashboard:has(.dashboard-sidebar.expanded) { grid-template-columns:228px minmax(0,1fr); }
.dashboard-sidebar.expanded {
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 {
.dashboard-sidebar.expanded .dashboard-brand-row { flex-direction:row; justify-content:space-between; padding:0 6px 2px; }
.dashboard-sidebar.expanded .dashboard-brand-row .brand > span:not(.brand-mark),
.dashboard-sidebar.expanded .dashboard-compose span,
.dashboard-sidebar.expanded .dashboard-sidebar-section h2,
.dashboard-sidebar.expanded .dashboard-nav-item span,
.dashboard-sidebar.expanded .dashboard-profile > div {
position:static;
width:auto;
height:auto;
@ -131,7 +131,7 @@
margin:0;
white-space:nowrap;
}
.dashboard-sidebar.open .dashboard-nav-item em {
.dashboard-sidebar.expanded .dashboard-nav-item em {
position:static;
width:auto;
min-width:18px;
@ -141,20 +141,83 @@
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 {
.dashboard-sidebar.expanded .dashboard-sidebar-section h2 { margin:0 0 var(--space-2); padding:0 var(--space-2); }
.dashboard-sidebar.expanded .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;
.dashboard-sidebar.expanded .dashboard-nav-item { justify-content:flex-start; padding:0 var(--space-3); gap:var(--space-3); }
.dashboard-sidebar.expanded .dashboard-nav-item span { position:static; width:auto; height:auto; clip:auto; overflow:visible; flex:1; min-width:0; }
.dashboard-sidebar.expanded .dashboard-profile {
grid-template-columns:34px minmax(0,1fr) 31px 31px;
padding-left:5px;
padding-right:5px;
}
.dashboard-sidebar.open .dashboard-profile > button { display:grid; }
.dashboard-sidebar.expanded .dashboard-profile > button { display:grid; }
}
@media (min-width:1200px) {
.dashboard { grid-template-columns:72px minmax(0,1fr); }
.dashboard:has(.dashboard-sidebar.expanded) { grid-template-columns:228px minmax(0,1fr); }
.dashboard-sidebar {
width:72px;
padding:16px 8px 12px;
}
.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 { 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; }
.dashboard-nav-item span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.dashboard-profile { grid-template-columns:34px; justify-content:center; padding-left:0; padding-right:0; }
.dashboard-sidebar.expanded {
width:228px;
padding:var(--space-4) var(--space-3) var(--space-3);
}
.dashboard-sidebar.expanded .dashboard-brand-row { flex-direction:row; justify-content:space-between; padding:0 6px 2px; }
.dashboard-sidebar.expanded .dashboard-brand-row .brand > span:not(.brand-mark),
.dashboard-sidebar.expanded .dashboard-compose span,
.dashboard-sidebar.expanded .dashboard-sidebar-section h2,
.dashboard-sidebar.expanded .dashboard-nav-item span,
.dashboard-sidebar.expanded .dashboard-profile > div {
position:static;
width:auto;
height:auto;
clip:auto;
overflow:visible;
margin:0;
white-space:nowrap;
}
.dashboard-sidebar.expanded .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.expanded .dashboard-sidebar-section h2 { margin:0 0 var(--space-2); padding:0 var(--space-2); }
.dashboard-sidebar.expanded .dashboard-compose {
width:calc(100% - 8px);
margin:var(--space-4) var(--space-1) 0;
padding:0 var(--space-4);
}
.dashboard-sidebar.expanded .dashboard-nav-item { justify-content:flex-start; padding:0 var(--space-3); gap:var(--space-3); }
.dashboard-sidebar.expanded .dashboard-nav-item span { position:static; width:auto; height:auto; clip:auto; overflow:visible; flex:1; min-width:0; }
.dashboard-sidebar.expanded .dashboard-profile {
grid-template-columns:34px minmax(0,1fr) 31px 31px;
padding-left:5px;
padding-right:5px;
}
.dashboard-sidebar.expanded .dashboard-profile > button { display:grid; }
}
@media (max-width:767.98px) {