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-20 18:36:52 +02:00
parent fda1e69f1c
commit 7c23c52c0c
4 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/index.css
Vendored
+6 -1
View File
@@ -5,7 +5,7 @@
--surface-hover: hsla(0, 0%, 91%, 40%); --surface-hover: hsla(0, 0%, 91%, 40%);
--surface-active: hsla(0, 0%, 78%, 40%); --surface-active: hsla(0, 0%, 78%, 40%);
} }
@media (display-mode: browser) and (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
#home-page { #home-page {
--background-transparent: hsla(0, 0%, 5%, 30%); --background-transparent: hsla(0, 0%, 5%, 30%);
--surface: hsla(0, 0%, 5%, 30%); --surface: hsla(0, 0%, 5%, 30%);
@@ -217,12 +217,14 @@ main {
border-right: 1px solid var(--border); border-right: 1px solid var(--border);
overflow: auto; overflow: auto;
justify-content: space-between; justify-content: space-between;
padding-bottom: var(--safe-area-bottom);
} }
#chat-page #main .toolbar { #chat-page #main .toolbar {
height: var(--ribbon-size); height: var(--ribbon-size);
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
overflow-x: auto; overflow-x: auto;
padding-left: var(--content-padding); padding-left: var(--content-padding);
border-top: 1px solid var(--border);
} }
#chat-page #ribbon, #chat-page #ribbon,
#chat-page .toolbar { #chat-page .toolbar {
@@ -272,6 +274,9 @@ main {
overflow: scroll; overflow: scroll;
scroll-snap-align: center; scroll-snap-align: center;
} }
#home-page #overview-section {
padding-bottom: calc(var(--content-padding) + var(--safe-area-bottom));
}
#home-page #chat-grid { #home-page #chat-grid {
margin-top: var(--content-padding); margin-top: var(--content-padding);
display: grid; display: grid;
src/View/chatPage.css
+3
View File
@@ -71,6 +71,8 @@
overflow: auto; overflow: auto;
justify-content: space-between; justify-content: space-between;
padding-bottom: var(--safe-area-bottom);
} }
#chat-page #main .toolbar { #chat-page #main .toolbar {
@@ -80,6 +82,7 @@
overflow-x: auto; overflow-x: auto;
padding-left: var(--content-padding); padding-left: var(--content-padding);
border-top: 1px solid var(--border);
} }
#chat-page #ribbon, #chat-page #ribbon,
src/View/homePage.css
+4
View File
@@ -29,6 +29,10 @@
scroll-snap-align: center; scroll-snap-align: center;
} }
#home-page #overview-section {
padding-bottom: calc(var(--content-padding) + var(--safe-area-bottom));
}
#home-page #chat-grid { #home-page #chat-grid {
margin-top: var(--content-padding); margin-top: var(--content-padding);
src/base.css
+1 -1
View File
@@ -5,7 +5,7 @@
--surface-active: hsla(0, 0%, 78%, 40%); --surface-active: hsla(0, 0%, 78%, 40%);
} }
@media (display-mode: browser) and (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
#home-page { #home-page {
--background-transparent: hsla(0, 0%, 5%, 30%); --background-transparent: hsla(0, 0%, 5%, 30%);
--surface: hsla(0, 0%, 5%, 30%); --surface: hsla(0, 0%, 5%, 30%);