mirror of
https://github.com/kingomarnajjar/flex-template-web.git
synced 2026-07-29 05:00:43 +10:00
commit
611ef56686
4 changed files with 12 additions and 9 deletions
|
|
@ -47,6 +47,7 @@
|
|||
|
||||
.mobileSearchButton {
|
||||
border-radius: 4px;
|
||||
flex-shrink: 0;
|
||||
|
||||
@media (--desktopViewport) {
|
||||
display: none;
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@
|
|||
width: auto;
|
||||
|
||||
/* Sizing (touch area) */
|
||||
padding: 24px;
|
||||
padding: 23px 24px;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
|
||||
|
|
@ -66,7 +66,7 @@
|
|||
.closeText {
|
||||
/* Font */
|
||||
composes: h6Font from '../../marketplace.css';
|
||||
margin: -2.5px 0 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.closeIcon {
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
.footer {
|
||||
flex-basis: var(--buttonHeight);
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 24px;
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
|
|
@ -48,16 +48,18 @@
|
|||
|
||||
.greeting {
|
||||
composes: h1Font from '../../marketplace.css';
|
||||
margin-top: 0;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.logoutButton {
|
||||
/* Position component */
|
||||
width: initial;
|
||||
margin: 4px 0 6px 0;
|
||||
padding: 0;
|
||||
|
||||
/* Logout font is smaller and gray since the action is not recommended. */
|
||||
@apply --marketplaceH3FontStyles;
|
||||
color: var(--matterColorAnti);
|
||||
|
||||
margin-top: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.inbox {
|
||||
|
|
|
|||
|
|
@ -5,11 +5,11 @@
|
|||
}
|
||||
|
||||
.hero {
|
||||
height: calc(100vh - var(--topbarHeight));
|
||||
min-height: calc(100vh - var(--topbarHeight));
|
||||
padding: 0 24px 98px 24px;
|
||||
|
||||
@media (--desktopViewport) {
|
||||
height: calc(100vh - var(--topbarHeightDesktop));
|
||||
min-height: calc(100vh - var(--topbarHeightDesktop));
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue