Added max-width to internal container

This commit is contained in:
Alejandro Celaya 2020-12-14 18:39:19 +01:00
parent f2a8865679
commit 9b6d4a4d97
3 changed files with 19 additions and 2 deletions

View file

@ -59,7 +59,7 @@ const MenuLayout = (
<div className="row menu-layout__swipeable-inner">
<AsideMenu className="col-lg-2 col-md-3" selectedServer={selectedServer} showOnMobile={sidebarVisible} />
<div className="col-lg-10 offset-lg-2 col-md-9 offset-md-3" onClick={() => hideSidebar()}>
<div className="menu-layout__container">
<div className="menu-layout__container container-xl">
<Switch>
<Redirect exact from="/server/:serverId" to="/server/:serverId/overview" />
<Route exact path="/server/:serverId/overview" component={Overview} />

View file

@ -1,3 +1,9 @@
@import '../utils/base';
.no-menu-wrapper {
padding: 30px 20px 20px;
padding: 15px 0 0;
@media (min-width: $mdMin) {
padding: 30px 20px 20px;
}
}

View file

@ -29,6 +29,17 @@ body,
background-color: rgba(255, 255, 255, .5);
}
.container-xl {
@media (min-width: $xlgMin) {
max-width: 1320px;
}
@media (max-width: $smMax) {
padding-right: 0;
padding-left: 0;
}
}
.dropdown-item:not(:disabled) {
cursor: pointer;
}