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

improve UI

Browse Source
This commit is contained in:
marlon-erler
2024-07-23 23:28:22 +02:00
parent 347d56fee8
commit 8ac71e87d4
7 changed files with 51 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/View/chatPage.css
+10 -14
View File
@@ -44,7 +44,7 @@ body[showing-chat] #chat-page-wrapper {
}
#chat-page > div > #main {
width: calc(100% - var(--ribbon-size));
width: calc(100% - var(--ribbon-size) - 1px);
overflow-x: scroll;
scroll-behavior: smooth;
@@ -101,6 +101,12 @@ body[showing-chat] #chat-page-wrapper {
align-items: center;
}
#chat-page > div > #ribbon {
width: calc(var(--ribbon-size) + 1px);
border-right: 1px solid var(--border);
padding-bottom: var(--safe-area-bottom);
}
#chat-page > div > #ribbon > span,
#chat-page
> div
@@ -110,7 +116,7 @@ body[showing-chat] #chat-page-wrapper {
> .pane
> .toolbar
> span.ribbon {
gap: calc(var(--gap-between-tiles) * 2);
gap: var(--gap-between-tiles);
padding: var(--gap-between-tiles);
}
@@ -119,12 +125,6 @@ body[showing-chat] #chat-page-wrapper {
justify-content: space-between;
}
#chat-page > div > #ribbon {
width: var(--ribbon-size);
padding-bottom: var(--safe-area-bottom);
}
#chat-page > div > #ribbon > span {
height: 100%;
@@ -162,6 +162,8 @@ body[showing-chat] #chat-page-wrapper {
min-height: unset;
height: calc(var(--control-height) - 2 * var(--gap-between-tiles));
color: var(--primary);
}
#chat-page > div > #ribbon button > .icon,
@@ -189,12 +191,6 @@ body[showing-chat] #chat-page-wrapper {
padding: 0px;
}
@media (max-width: 1024px) {
#chat-page > div > #main > div > .pane-wrapper > .pane > .toolbar input {
border-left: 1px solid var(--surface-border);
}
}
#chat-page > div > #main > div > .pane-wrapper > .pane > .toolbar > span.title {
padding-left: var(--content-padding);
}