Merge pull request #3 from xaviervalarino/ui-cleanup
UI cleanup (small improvements)
This commit is contained in:
commit
6ba3b19300
4 changed files with 32 additions and 20 deletions
|
@ -21,8 +21,10 @@
|
||||||
|
|
||||||
#vomnibar {
|
#vomnibar {
|
||||||
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 */
|
||||||
}
|
}
|
||||||
|
@ -67,7 +70,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#vomnibar li .vomnibarSource {
|
#vomnibar li .vomnibarSource {
|
||||||
color: #EF9F76; /* peach */
|
color: #EF9F76; /* peach */
|
||||||
}
|
}
|
||||||
|
|
||||||
#vomnibar li em,
|
#vomnibar li em,
|
||||||
|
|
|
@ -21,8 +21,10 @@
|
||||||
|
|
||||||
#vomnibar {
|
#vomnibar {
|
||||||
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 */
|
||||||
}
|
}
|
||||||
|
@ -67,7 +70,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#vomnibar li .vomnibarSource {
|
#vomnibar li .vomnibarSource {
|
||||||
color: #FE640B; /* peach */
|
color: #FE640B; /* peach */
|
||||||
}
|
}
|
||||||
|
|
||||||
#vomnibar li em,
|
#vomnibar li em,
|
||||||
|
|
|
@ -21,8 +21,10 @@
|
||||||
|
|
||||||
#vomnibar {
|
#vomnibar {
|
||||||
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 */
|
||||||
}
|
}
|
||||||
|
@ -67,7 +70,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#vomnibar li .vomnibarSource {
|
#vomnibar li .vomnibarSource {
|
||||||
color: #F5A97F; /* peach */
|
color: #F5A97F; /* peach */
|
||||||
}
|
}
|
||||||
|
|
||||||
#vomnibar li em,
|
#vomnibar li em,
|
||||||
|
|
|
@ -21,8 +21,10 @@
|
||||||
|
|
||||||
#vomnibar {
|
#vomnibar {
|
||||||
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 */
|
||||||
}
|
}
|
||||||
|
@ -67,7 +70,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#vomnibar li .vomnibarSource {
|
#vomnibar li .vomnibarSource {
|
||||||
color: #FAB387; /* peach */
|
color: #FAB387; /* peach */
|
||||||
}
|
}
|
||||||
|
|
||||||
#vomnibar li em,
|
#vomnibar li em,
|
||||||
|
|
Loading…
Reference in a new issue