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
dist/index.css
Vendored
+12 -3
View File
@@ -107,8 +107,9 @@ main {
padding: 0px;
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);
}
#chat-page #ribbon {
@@ -140,12 +141,20 @@ main {
flex-direction: column;
padding: var(--gap-between-tiles);
}
#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;
justify-content: center;