UI changes
This commit is contained in:
parent
20da541463
commit
4116861be2
13
css/main.css
13
css/main.css
@ -697,19 +697,19 @@ form {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
.options-tab .option:nth-of-type(1) .icon {
|
||||
background: #D32F2F;
|
||||
background: linear-gradient(135deg, #D32F2F 50%, #B71C1C 50%);
|
||||
}
|
||||
.options-tab .option:nth-of-type(2) .icon {
|
||||
background: #7B1FA2;
|
||||
background: linear-gradient(135deg, #7B1FA2 50%, #4A148C 50%);
|
||||
}
|
||||
.options-tab .option:nth-of-type(3) .icon {
|
||||
background: #303F9F;
|
||||
background: linear-gradient(135deg, #1976D2 50%, #0D47A1 50%);
|
||||
}
|
||||
.options-tab .option:nth-of-type(4) .icon {
|
||||
background: #1976D2;
|
||||
background: linear-gradient(135deg, #388E3C 50%, #1B5E20 50%);
|
||||
}
|
||||
.options-tab .option:nth-of-type(5) .icon {
|
||||
background: #388E3C;
|
||||
background: linear-gradient(135deg, #F57C00 50%, #E65100 50%);
|
||||
}
|
||||
|
||||
.notification-dot::after {
|
||||
@ -744,7 +744,8 @@ sm-tab-header {
|
||||
}
|
||||
|
||||
sm-tab::part(tab) {
|
||||
padding: 0.8rem 0;
|
||||
padding: 0.8rem 0.4rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
sm-panel {
|
||||
|
||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -689,7 +689,6 @@ form {
|
||||
position: relative;
|
||||
padding: 1.5rem;
|
||||
border-radius: 0.6rem;
|
||||
//background: linear-gradient(160deg, #ffffff10 50%, #00000040 80%), linear-gradient(-120deg, #ffffff10 50%, #00000040 10%), midnightblue;
|
||||
background: radial-gradient(circle at top left, #EF6C00 20%, #C51162 30%, #4A148C 40%, #251f44);
|
||||
box-shadow: 0 0.1rem 0.1rem #00000020, 0 2rem 1rem -1rem #00000040;
|
||||
color: rgba(var(--foreground-color), 1);
|
||||
@ -757,31 +756,31 @@ form {
|
||||
|
||||
&:nth-of-type(1) {
|
||||
.icon {
|
||||
background: #D32F2F;
|
||||
background: linear-gradient(135deg, #D32F2F 50%, #B71C1C 50%);
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-of-type(2) {
|
||||
.icon {
|
||||
background: #7B1FA2;
|
||||
background: linear-gradient(135deg, #7B1FA2 50%, #4A148C 50%);
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-of-type(3) {
|
||||
.icon {
|
||||
background: #303F9F;
|
||||
background: linear-gradient(135deg, #1976D2 50%, #0D47A1 50%);
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-of-type(4) {
|
||||
.icon {
|
||||
background: #1976D2;
|
||||
background: linear-gradient(135deg, #388E3C 50%, #1B5E20 50%);
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-of-type(5) {
|
||||
.icon {
|
||||
background: #388E3C;
|
||||
background: linear-gradient(135deg, #F57C00 50%, #E65100 50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -820,7 +819,8 @@ sm-tab-header {
|
||||
border-bottom: solid 1px rgba(var(--text-color), 0.2);
|
||||
}
|
||||
sm-tab::part(tab){
|
||||
padding: 0.8rem 0;
|
||||
padding: 0.8rem 0.4rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
sm-panel{
|
||||
width: 100%;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user