salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sync hidden sidebar layout with mobile

Browse Source
This commit is contained in:
Shantur Rathore
2025-12-06 22:34:30 +00:00
parent b0650a283e
commit 3373e23a41
5 changed files with 46 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
packages/ui/src/styles/messaging/message-section.css
View File

@@ -15,6 +15,40 @@
grid-area: menu;
}
.connection-status--compact {
grid-template-columns: auto 1fr auto;
grid-template-areas:
"menu shortcut meta"
"info info info";
row-gap: 0.5rem;
}
.connection-status--compact .connection-status-menu {
display: flex;
align-items: center;
justify-content: flex-start;
}
.connection-status--compact .connection-status-info {
justify-self: stretch;
width: 100%;
justify-content: center;
text-align: center;
}
.connection-status--compact .connection-status-usage {
justify-content: center;
width: 100%;
}
.connection-status--compact .connection-status-shortcut {
justify-self: center;
}
.connection-status--compact .connection-status-meta {
justify-self: end;
}
.session-sidebar-menu-button {
@apply inline-flex items-center justify-center border rounded-md px-2 py-1 text-sm font-medium;
border-color: var(--border-base);