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

UI update

Browse Source 
-- Added red line for fund end
-- added tag for latest fund
This commit is contained in:
sairaj mote 2021-05-31 22:50:23 +05:30
parent a389ffa946
commit 2b86ac226d
3 changed files with 47 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
css/main.css
View File

@ -1,3 +1,4 @@
@charset "UTF-8";
* { * {
padding: 0; padding: 0;
margin: 0; margin: 0;
@ -695,6 +696,26 @@ sm-option {
justify-self: center; justify-self: center;
} }
fund-block:first-of-type::before {
display: inline-flex;
content: "• Latest Fund";
padding: 0.4rem 0.8rem;
font-weight: 700;
font-size: 1rem;
color: white;
background-color: var(--accent-color);
border-radius: 0.3rem 0.3rem 0 0;
}
fund-block:not(:last-of-type)::after {
display: flex;
content: "";
padding: 0.4rem 0;
font-weight: 700;
width: 100%;
background-color: var(--error-color);
border-radius: 0 0 0.5rem 0.5rem;
}
.flex-grid { .flex-grid {
grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr)); grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
} }

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

25
css/main.scss
View File

@ -618,6 +618,31 @@ sm-option{
} }
} }
fund-block{
&:first-of-type::before{
display: inline-flex;
content: '• Latest Fund';
padding: 0.4rem 0.8rem;
font-weight: 700;
font-size: 1rem;
color: white;
background-color: var(--accent-color);
border-radius: 0.3rem 0.3rem 0 0;
}
&:not(:last-of-type)::after{
display: flex;
content: '';
// justify-content: center;
padding: 0.4rem 0;
font-weight: 700;
width: 100%;
// font-size: 0.9rem;
// color: var(--background-color);
background-color: var(--error-color);
border-radius: 0 0 0.5rem 0.5rem;
}
}
.flex-grid{ .flex-grid{
grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr)); grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
} }