New app name format
This commit is contained in:
parent
deb52a3ca1
commit
ba75609ce5
22
css/main.css
22
css/main.css
@ -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
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -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);
|
||||
|
||||
12
index.html
12
index.html
@ -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">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user