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

0.0.4

Browse Source
This commit is contained in:
sairaj mote 2020-06-26 16:05:31 +05:30
parent a6d4005e8a
commit 98ca78382b
4 changed files with 1261 additions and 421 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
css/main.css
View File

@ -523,16 +523,17 @@ form {
align-items: flex-start; align-items: flex-start;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
width: 100%; width: calc(100% - 2rem);
border-radius: 0.5rem 0.5rem 0 0; margin-bottom: 1rem;
border-radius: 1rem;
padding: 1.5rem; padding: 1.5rem;
position: relative; position: relative;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
background: rgba(var(--foreground), 1); background: rgba(var(--foreground), 1);
-webkit-transform: translateY(1rem); -webkit-transform: translateY(100%);
transform: translateY(1rem); transform: translateY(100%);
-webkit-transition: -webkit-transform 0.3s; -webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s;
transition: transform 0.3s; transition: transform 0.3s;
@ -551,6 +552,10 @@ form {
} }
.popup-container .popup .container-header { .popup-container .popup .container-header {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto 1fr auto;
grid-template-columns: auto 1fr auto;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
@ -558,6 +563,12 @@ form {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
.popup-container .popup .container-header .icon {
cursor: pointer;
padding-right: 0.4rem;
stroke-width: 8;
}
.popup-container .popup .container-header .btn { .popup-container .popup .container-header .btn {
padding: 0.6em 1.2em; padding: 0.6em 1.2em;
} }
@ -864,6 +875,10 @@ form {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
.options-tab .option h4 {
font-weight: 600;
}
.notification-dot::after { .notification-dot::after {
content: ''; content: '';
position: absolute; position: absolute;
@ -1005,6 +1020,8 @@ form {
align-self: center; align-self: center;
border-radius: 0.2rem; border-radius: 0.2rem;
height: auto; height: auto;
-webkit-transform: translateY(1rem);
transform: translateY(1rem);
} }
#show_message { #show_message {
-webkit-transform: translate(100%, 0); -webkit-transform: translate(100%, 0);

2
css/main.css.map
View File

File diff suppressed because one or more lines are too long

18
css/main.scss
View File

@ -336,13 +336,14 @@ form{
align-self: flex-end; align-self: flex-end;
align-items: flex-start; align-items: flex-start;
flex-wrap: wrap; flex-wrap: wrap;
width: 100%; width: calc(100% - 2rem);
border-radius: 0.5rem 0.5rem 0 0; margin-bottom: 1rem;
border-radius: 1rem;
padding: 1.5rem; padding: 1.5rem;
position: relative; position: relative;
display: flex; display: flex;
background: rgba(var(--foreground), 1); background: rgba(var(--foreground), 1);
transform: translateY(1rem); transform: translateY(100%);
transition: transform 0.3s; transition: transform 0.3s;
box-shadow: 0 2rem 2rem rgba($color: #000000, $alpha: 0.24); box-shadow: 0 2rem 2rem rgba($color: #000000, $alpha: 0.24);
overflow-y: auto; overflow-y: auto;
@ -353,9 +354,16 @@ form{
margin-left: auto; margin-left: auto;
} }
.container-header{ .container-header{
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center; align-items: center;
padding: 0; padding: 0;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
.icon{
cursor: pointer;
padding-right: 0.4rem;
stroke-width: 8;
}
.btn{ .btn{
padding: 0.6em 1.2em; padding: 0.6em 1.2em;
} }
@ -573,6 +581,9 @@ form{
width: 1.4rem; width: 1.4rem;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
h4{
font-weight: 600;
}
} }
} }
.notification-dot::after{ .notification-dot::after{
@ -680,6 +691,7 @@ form{
align-self: center; align-self: center;
border-radius: 0.2rem; border-radius: 0.2rem;
height: auto; height: auto;
transform: translateY(1rem);
} }
} }
#show_message{ #show_message{

1637
index.html
View File

File diff suppressed because it is too large Load Diff