RanchiMall/flopay
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI changes

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
css/main.css
View File

@ -697,19 +697,19 @@ form {
transform: scale(0.95); transform: scale(0.95);
} }
.options-tab .option:nth-of-type(1) .icon { .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 { .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 { .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 { .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 { .options-tab .option:nth-of-type(5) .icon {
background: #388E3C; background: linear-gradient(135deg, #F57C00 50%, #E65100 50%);
} }
.notification-dot::after { .notification-dot::after {
@ -744,7 +744,8 @@ sm-tab-header {
} }
sm-tab::part(tab) { sm-tab::part(tab) {
padding: 0.8rem 0; padding: 0.8rem 0.4rem;
text-transform: uppercase;
} }
sm-panel { sm-panel {

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

14
css/main.scss
View File

@ -689,7 +689,6 @@ form {
position: relative; position: relative;
padding: 1.5rem; padding: 1.5rem;
border-radius: 0.6rem; 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); 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; box-shadow: 0 0.1rem 0.1rem #00000020, 0 2rem 1rem -1rem #00000040;
color: rgba(var(--foreground-color), 1); color: rgba(var(--foreground-color), 1);
@ -757,31 +756,31 @@ form {
&:nth-of-type(1) { &:nth-of-type(1) {
.icon { .icon {
background: #D32F2F; background: linear-gradient(135deg, #D32F2F 50%, #B71C1C 50%);
} }
} }
&:nth-of-type(2) { &:nth-of-type(2) {
.icon { .icon {
background: #7B1FA2; background: linear-gradient(135deg, #7B1FA2 50%, #4A148C 50%);
} }
} }
&:nth-of-type(3) { &:nth-of-type(3) {
.icon { .icon {
background: #303F9F; background: linear-gradient(135deg, #1976D2 50%, #0D47A1 50%);
} }
} }
&:nth-of-type(4) { &:nth-of-type(4) {
.icon { .icon {
background: #1976D2; background: linear-gradient(135deg, #388E3C 50%, #1B5E20 50%);
} }
} }
&:nth-of-type(5) { &:nth-of-type(5) {
.icon { .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); border-bottom: solid 1px rgba(var(--text-color), 0.2);
} }
sm-tab::part(tab){ sm-tab::part(tab){
padding: 0.8rem 0; padding: 0.8rem 0.4rem;
text-transform: uppercase;
} }
sm-panel{ sm-panel{
width: 100%; width: 100%;