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

New app name format

Browse Source
This commit is contained in:
sairaj mote 2023-07-05 03:08:51 +05:30
parent deb52a3ca1
commit ba75609ce5
4 changed files with 41 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
css/main.css
View File

@ -613,12 +613,6 @@ ol li::before {
margin-left: -0.5rem; margin-left: -0.5rem;
} }
.flo-icon {
margin-right: 0.3rem;
height: 1.5rem;
width: 1.5rem;
}
#secondary_pages { #secondary_pages {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -660,6 +654,22 @@ ol li::before {
padding: 1.5rem max(1rem, 4vw); padding: 1.5rem max(1rem, 4vw);
} }
.app-brand {
display: flex;
gap: 0.3rem;
align-items: center;
}
.app-brand .icon {
height: 1.7rem;
width: 1.7rem;
}
.app-name__company {
font-size: 0.8rem;
font-weight: 500;
color: rgba(var(--text-color), 0.8);
}
#main_card { #main_card {
display: grid; display: grid;
grid-template-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr);

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

21
css/main.scss
View File

@ -563,11 +563,6 @@ ol {
padding: 0.5rem; padding: 0.5rem;
margin-left: -0.5rem; margin-left: -0.5rem;
} }
.flo-icon {
margin-right: 0.3rem;
height: 1.5rem;
width: 1.5rem;
}
#secondary_pages { #secondary_pages {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -607,6 +602,22 @@ ol {
#main_header { #main_header {
padding: 1.5rem max(1rem, 4vw); padding: 1.5rem max(1rem, 4vw);
} }
.app-brand{
display: flex;
gap: 0.3rem;
align-items: center;
.icon{
height: 1.7rem;
width: 1.7rem;
}
}
.app-name{
&__company{
font-size: 0.8rem;
font-weight: 500;
color: rgba(var(--text-color), 0.8);
}
}
#main_card { #main_card {
display: grid; display: grid;
grid-template-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr);

12
index.html
View File

@ -35,10 +35,14 @@
</article> </article>
<div id="main_card"> <div id="main_card">
<header id="main_header" class="flex align-center space-between"> <header id="main_header" class="flex align-center space-between">
<div class="flex align-center"> <div class="app-brand">
<img src="favicon.svg" alt="Bitcoin Web Wallet" class="icon margin-right-0-3" <img src="favicon.svg" alt="Bitcoin Web Wallet logo" class="icon">
style="height: 2rem; width: 2rem;"> <div class="app-name">
<h4>Bitcoin Wallet</h4> <div class="app-name__company">RanchiMall</div>
<h4 class="app-name__title">
Bitcoin Wallet
</h4>
</div>
</div> </div>
<div class="flex align-center gap-0-3"> <div class="flex align-center gap-0-3">
<sm-select id="currency_selector" class="margin-right-0-5"> <sm-select id="currency_selector" class="margin-right-0-5">