m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2024-11-28 05:12:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

CSS updates for mobile.

Browse Source
This commit is contained in:
Mike Cao 2022-02-16 23:10:35 -08:00
parent edc31ba42b
commit f5a268c916
3 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/layout/MenuLayout.module.css
View File

@ -19,9 +19,16 @@
@media only screen and (max-width: 992px) { @media only screen and (max-width: 992px) {
.container { .container {
flex-direction: column;
height: auto; height: auto;
} }
.container .menu {
display: flex;
justify-content: space-around;
align-items: flex-start;
}
.container .content { .container .content {
border-top: 1px solid var(--gray300); border-top: 1px solid var(--gray300);
border-left: 0; border-left: 0;

2
components/pages/WebsiteDetails.js
View File

@ -49,7 +49,7 @@ export default function WebsiteDetails({ websiteId }) {
} = usePageQuery(); } = usePageQuery();
const BackButton = () => ( const BackButton = () => (
<div key="back-button" className={styles.backButton}> <div key="back-button" className={classNames(styles.backButton, 'col-12')}>
<Link key="back-button" href={resolve({ view: undefined })} icon={<Arrow />} size="small"> <Link key="back-button" href={resolve({ view: undefined })} icon={<Arrow />} size="small">
<FormattedMessage id="label.back" defaultMessage="Back" /> <FormattedMessage id="label.back" defaultMessage="Back" />
</Link> </Link>

7
components/pages/WebsiteDetails.module.css
View File

@ -33,3 +33,10 @@
.eventschart { .eventschart {
padding-top: 30px; padding-top: 30px;
} }
@media only screen and (max-width: 992px) {
.menu {
display: flex;
flex-direction: column;
}
}