Merge pull request #3 from xaviervalarino/ui-cleanup

UI cleanup (small improvements)
main
elkrien 2023-04-29 15:16:21 +02:00 committed by GitHub
commit 6ba3b19300
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 32 additions and 20 deletions

View File

@ -23,6 +23,8 @@
background: #303446; /* base */ background: #303446; /* base */
border: 2px solid #BABBF1; /* lavender */ border: 2px solid #BABBF1; /* lavender */
animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards; animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
max-height: calc(100vh - 70px);
overflow: hidden;
} }
@keyframes show { @keyframes show {
@ -38,20 +40,21 @@
#vomnibar input { #vomnibar input {
color: #C6D0F5; /* text */ color: #C6D0F5; /* text */
font: -moz-window;
background: #303446; /* base */ background: #303446; /* base */
border: none; border: none;
padding: 2; height: unset;
padding: 16px 30px;
} }
#vomnibar .vomnibarSearchArea { #vomnibar .vomnibarSearchArea {
padding: 10px 30px;
border: none; border: none;
padding: unset;
background: #303446; /* base */ background: #303446; /* base */
} }
#vomnibar ul { #vomnibar ul {
padding: 0; padding: 0;
margin: 0;
background: #303446; /* base */ background: #303446; /* base */
border-top: 1px solid #414559; /* surface0 */ border-top: 1px solid #414559; /* surface0 */
} }

View File

@ -23,6 +23,8 @@
background: #EFF1F5; /* base */ background: #EFF1F5; /* base */
border: 2px solid #7287FD; /* lavender */ border: 2px solid #7287FD; /* lavender */
animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards; animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
max-height: calc(100vh - 70px);
overflow: hidden;
} }
@keyframes show { @keyframes show {
@ -38,20 +40,21 @@
#vomnibar input { #vomnibar input {
color: #4C4F69; /* text */ color: #4C4F69; /* text */
font: -moz-window;
background: #EFF1F5; /* base */ background: #EFF1F5; /* base */
border: none; border: none;
padding: 2; height: unset;
padding: 16px 30px;
} }
#vomnibar .vomnibarSearchArea { #vomnibar .vomnibarSearchArea {
padding: 10px 30px;
border: none; border: none;
padding: unset;
background: #EFF1F5; /* base */ background: #EFF1F5; /* base */
} }
#vomnibar ul { #vomnibar ul {
padding: 0; padding: 0;
margin: 0;
background: #EFF1F5; /* base */ background: #EFF1F5; /* base */
border-top: 1px solid #CCD0DA; /* surface0 */ border-top: 1px solid #CCD0DA; /* surface0 */
} }

View File

@ -23,6 +23,8 @@
background: #24273A; /* base */ background: #24273A; /* base */
border: 2px solid #B7BDF8; /* lavender */ border: 2px solid #B7BDF8; /* lavender */
animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards; animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
max-height: calc(100vh - 70px);
overflow: hidden;
} }
@keyframes show { @keyframes show {
@ -38,20 +40,21 @@
#vomnibar input { #vomnibar input {
color: #CAD3F5; /* text */ color: #CAD3F5; /* text */
font: -moz-window;
background: #24273A; /* base */ background: #24273A; /* base */
border: none; border: none;
padding: 2; height: unset;
padding: 16px 30px;
} }
#vomnibar .vomnibarSearchArea { #vomnibar .vomnibarSearchArea {
padding: 10px 30px;
border: none; border: none;
padding: unset;
background: #24273A; /* base */ background: #24273A; /* base */
} }
#vomnibar ul { #vomnibar ul {
padding: 0; padding: 0;
margin: 0;
background: #24273A; /* base */ background: #24273A; /* base */
border-top: 1px solid #363A4F; /* surface0 */ border-top: 1px solid #363A4F; /* surface0 */
} }

View File

@ -23,6 +23,8 @@
background: #1E1E2E; /* base */ background: #1E1E2E; /* base */
border: 2px solid #B4BEFE; /* lavender */ border: 2px solid #B4BEFE; /* lavender */
animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards; animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
max-height: calc(100vh - 70px);
overflow: hidden;
} }
@keyframes show { @keyframes show {
@ -38,20 +40,21 @@
#vomnibar input { #vomnibar input {
color: #CDD6F4; /* text */ color: #CDD6F4; /* text */
font: -moz-window;
background: #1E1E2E; /* base */ background: #1E1E2E; /* base */
border: none; border: none;
padding: 2; height: unset;
padding: 16px 30px;
} }
#vomnibar .vomnibarSearchArea { #vomnibar .vomnibarSearchArea {
padding: 10px 30px;
border: none; border: none;
padding: unset;
background: #1E1E2E; /* base */ background: #1E1E2E; /* base */
} }
#vomnibar ul { #vomnibar ul {
padding: 0; padding: 0;
margin: 0;
background: #1E1E2E; /* base */ background: #1E1E2E; /* base */
border-top: 1px solid #313244; /* surface0 */ border-top: 1px solid #313244; /* surface0 */
} }