UI changes

This commit is contained in:
sairaj mote 2020-09-09 21:34:17 +05:30 committed by GitHub
parent 20da541463
commit 4116861be2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 14 deletions

View File

@ -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

File diff suppressed because one or more lines are too long

View File

@ -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%;