Bommels05/Modrinth
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rounded corner to improve UI continuity (#711)

Browse Source 
* round top right corner

* remove conflicting shadow & more radius

* remove unnecessary css rule
This commit is contained in:
George Tsotsos 2023-09-05 00:15:33 +03:00 committed by GitHub
parent 2fad02df23
commit 405f77e466
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
theseus_gui/src/App.vue
View File

@ -366,13 +366,13 @@ command_listener((e) => {
.view { .view {
width: calc(100% - var(--sidebar-width)); width: calc(100% - var(--sidebar-width));
background-color: var(--color-raised-bg);
.appbar { .appbar {
display: flex; display: flex;
align-items: center; align-items: center;
flex-grow: 1; flex-grow: 1;
background: var(--color-raised-bg); background: var(--color-raised-bg);
box-shadow: var(--shadow-inset-sm), var(--shadow-floating);
text-align: center; text-align: center;
padding: var(--gap-md); padding: var(--gap-md);
height: 3.25rem; height: 3.25rem;
@ -388,6 +388,7 @@ command_listener((e) => {
overflow: auto; overflow: auto;
overflow-x: hidden; overflow-x: hidden;
background-color: var(--color-bg); background-color: var(--color-bg);
border-top-left-radius: var(--radius-xl);
} }
} }
} }