style (user): better scalling for high-res screens
This commit is contained in:
sairaj mote 2020-11-16 15:45:34 +05:30
parent 0976191eb8
commit 3c7bd57f39
4 changed files with 23 additions and 13 deletions

View File

@ -773,14 +773,14 @@ details p {
border-radius: 0.4em; border-radius: 0.4em;
opacity: 0.6; opacity: 0.6;
color: rgba(var(--text-color), 1); color: rgba(var(--text-color), 1);
font-size: 0.8em; font-size: 0.8rem;
text-transform: capitalize; text-transform: capitalize;
width: 100%; width: 100%;
font-weight: 600; font-weight: 600;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
} }
#navbar .navbar-item h5 { #navbar .navbar-item h5 {
margin-top: 0.4em; margin-top: 0.4rem;
} }
#navbar .navbar-item .icon { #navbar .navbar-item .icon {
stroke: rgba(var(--text-color), 1); stroke: rgba(var(--text-color), 1);
@ -2088,8 +2088,13 @@ sm-panel {
flex-direction: column; flex-direction: column;
} }
} }
@media only screen and (min-width: 1900px) {
:root {
font-size: 22px;
}
}
@media only screen and (max-width: 320px) { @media only screen and (max-width: 320px) {
body { :root {
font-size: 14px; font-size: 14px;
} }
} }

2
css/main.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -789,13 +789,13 @@ details{
border-radius: 0.4em; border-radius: 0.4em;
opacity: 0.6; opacity: 0.6;
color: rgba(var(--text-color), 1); color: rgba(var(--text-color), 1);
font-size: 0.8em; font-size: 0.8rem;
text-transform: capitalize; text-transform: capitalize;
width: 100%; width: 100%;
font-weight: 600; font-weight: 600;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
h5 { h5 {
margin-top: 0.4em; margin-top: 0.4rem;
} }
.icon{ .icon{
stroke: rgba(var(--text-color), 1); stroke: rgba(var(--text-color), 1);
@ -2124,9 +2124,14 @@ sm-panel{
} }
} }
@media only screen and (min-width: 1900px){
:root {
font-size: 22px;
}
}
@media only screen and (max-width: 320px) { @media only screen and (max-width: 320px) {
body { :root{
font-size: 14px; font-size: 14px;
} }
} }

View File

@ -168,7 +168,7 @@
</button> </button>
</header> </header>
<p> <p>
Send rupee to any FLO address. Send wallet money to any FLO address.
</p> </p>
<details> <details>
<summary> <summary>
@ -208,7 +208,7 @@
</button> </button>
</header> </header>
<p> <p>
Add balance to your RanchiMall pay wallet. This money can be used directly within our apps ecosystem. Add balance to your RanchiMall pay wallet.
</p> </p>
<details> <details>
<summary> <summary>
@ -2532,22 +2532,22 @@
{ {
id: '', id: '',
title: 'Welcome', title: 'Welcome',
details: 'We are glad that you chose our service.<br>This service can be used throughout our <strong>ecosystem</strong> to pay/receive money.' details: 'We are glad that you chose our service.<br>RanchiMall Pay can be used throughout our <strong>ecosystem</strong> to pay/receive money.'
}, },
{ {
id: 'send_rupee_option', id: 'send_rupee_option',
title: 'Send money', title: 'Send money',
details: 'Send money to any FLO address. This uses wallet balance to send money.' details: 'Click to send money to any FLO address. This uses wallet balance to send money.'
}, },
{ {
id: 'deposit_rupee_option', id: 'deposit_rupee_option',
title: 'Deposit money', title: 'Deposit money',
details: 'Add balance to your RanchiMall pay wallet. This money can be used directly within our apps ecosystem.' details: 'Add balance to your RanchiMall pay wallet.'
}, },
{ {
id: 'withdraw_rupee_option', id: 'withdraw_rupee_option',
title: 'Withdraw money', title: 'Withdraw money',
details: `Withdraw or redeem money back to your specified UPI address.` details: `Transfer money from wallet, back to your specified UPI address.`
}, },
{ {
id: 'request_rupee_option', id: 'request_rupee_option',