mirror of
https://github.com/kremalicious/umami.git
synced 2024-11-28 05:12:00 +01:00
CSS updates for mobile.
This commit is contained in:
parent
edc31ba42b
commit
f5a268c916
@ -19,9 +19,16 @@
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
.container {
|
||||
flex-direction: column;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.container .menu {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.container .content {
|
||||
border-top: 1px solid var(--gray300);
|
||||
border-left: 0;
|
||||
|
@ -49,7 +49,7 @@ export default function WebsiteDetails({ websiteId }) {
|
||||
} = usePageQuery();
|
||||
|
||||
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">
|
||||
<FormattedMessage id="label.back" defaultMessage="Back" />
|
||||
</Link>
|
||||
|
@ -33,3 +33,10 @@
|
||||
.eventschart {
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
.menu {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user