LaconicNetwork/laconic-dot-com
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust mobile header styles

Browse Source
This commit is contained in:
Fede Álvarez 2022-04-19 17:50:04 +02:00
parent a5ac9089d2
commit 3c58b5573f
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/common/header/header.module.scss
View File

@ -99,16 +99,18 @@
}
.button {
margin: tovw(59px, 'mobile') 0 tovw(44px, 'mobile') 0;
margin: tovw(55px, 'mobile') 0 tovw(44px, 'mobile') 0;
width: 100%;
text-align: center;
@media screen and (max-height: 750px) {
margin: calc(var(--vh) * 7.2) 0 calc(var(--vh) * 5.2) 0;
margin: calc(var(--vh) * 5.2) 0 calc(var(--vh) * 5.2) 0;
}
}
p {
font-size: tovw(15px, 'mobile');
padding: tovw(6px, 'mobile');
text-align: center;
}
@ -116,8 +118,8 @@
display: grid;
position: relative;
justify-content: center;
margin: tovw(32px, 'mobile') 0;
padding-top: tovw(32px, 'mobile');
margin: tovw(16px, 'mobile') 0;
padding-top: tovw(10px, 'mobile');
width: 100%;
gap: tovw(24px, 'mobile');
grid-template-columns: repeat(6, tovw(24px, 'mobile'));
@ -126,7 +128,7 @@
position: absolute;
top: tovw(-32px, 'mobile');
left: tovw(-16px, 'mobile');
margin: tovw(24px, 'mobile') 0;
margin: tovw(15px, 'mobile') 0;
background: white;
width: calc(100% + tovw(32px, 'mobile'));
height: tovw(1px, 'mobile', 1px);