VDMDI/CT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve ribbon

Browse Source
This commit is contained in:
marlon-erler
2024-07-20 16:28:00 +02:00
parent c1b7dc46dd
commit e27c360395
7 changed files with 205 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/View/chatPage.css
+14 -4
View File
@@ -24,8 +24,9 @@
overflow: hidden;
display: grid;
grid-template-columns: var(--control-height) 1fr;
grid-template-rows: var(--control-height) 1fr;
--ribbon-size: calc(var(--control-height) + 2 * var(--gap-between-tiles));
grid-template-columns: var(--ribbon-size) 1fr;
grid-template-rows: var(--ribbon-size) 1fr;
border-top: 1px solid var(--border);
}
@@ -67,15 +68,24 @@
padding: var(--gap-between-tiles);
}
/* ribbon */
/* ribbon, toolbar */
#chat-page #ribbon > span,
#chat-page #toolbar {
padding: var(--gap-between-tiles);
gap: var(--gap-between-tiles);
}
#chat-page #ribbon {
justify-content: space-between;
justify-content: space-between;
}
#chat-page #ribbon button {
#chat-page #ribbon button,
#chat-page #toolbar button {
padding: 0px;
width: 100%;
max-width: var(--control-height);
height: var(--control-height);
align-items: center;