New app name format

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

View File

@ -613,12 +613,6 @@ ol li::before {
margin-left: -0.5rem;
}
.flo-icon {
margin-right: 0.3rem;
height: 1.5rem;
width: 1.5rem;
}
#secondary_pages {
display: flex;
flex-direction: column;
@ -660,6 +654,22 @@ ol li::before {
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 {
display: grid;
grid-template-columns: minmax(0, 1fr);

2
css/main.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -563,11 +563,6 @@ ol {
padding: 0.5rem;
margin-left: -0.5rem;
}
.flo-icon {
margin-right: 0.3rem;
height: 1.5rem;
width: 1.5rem;
}
#secondary_pages {
display: flex;
flex-direction: column;
@ -607,6 +602,22 @@ ol {
#main_header {
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 {
display: grid;
grid-template-columns: minmax(0, 1fr);

View File

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