mirror of
https://github.com/pds-nest/nest.git
synced 2024-11-25 14:34:19 +00:00
🔧 Redesign dashboard areas
This commit is contained in:
parent
3bdbcb2951
commit
1ccff60b3e
2 changed files with 15 additions and 9 deletions
|
@ -14,6 +14,7 @@ import BoxConditionHashtag from "../components/interactive/BoxConditionHashtag"
|
|||
import BoxConditions from "../components/interactive/BoxConditions"
|
||||
import BoxConditionDatetime from "../components/interactive/BoxConditionDatetime"
|
||||
import BoxConditionMap from "../components/interactive/BoxConditionMap"
|
||||
import BoxConditionUser from "../components/interactive/BoxConditionUser"
|
||||
|
||||
|
||||
export default function PageDashboard({ children, className, ...props }) {
|
||||
|
@ -25,6 +26,7 @@ export default function PageDashboard({ children, className, ...props }) {
|
|||
</BoxHeader>
|
||||
<BoxConditionMap className={Style.SearchByZone}/>
|
||||
<BoxConditionHashtag className={Style.SearchByHashtags}/>
|
||||
<BoxConditionUser className={Style.SearchByUser}/>
|
||||
<BoxConditionDatetime className={Style.SearchByTimePeriod}/>
|
||||
<BoxConditions className={Style.Conditions}/>
|
||||
<BoxFull className={Style.CreateDialog} header={"Create repository"}>
|
||||
|
|
|
@ -2,13 +2,13 @@
|
|||
display: grid;
|
||||
|
||||
grid-template-areas:
|
||||
"a a"
|
||||
"b c"
|
||||
"b d"
|
||||
"b e"
|
||||
"b f"
|
||||
"a a a"
|
||||
"b c d"
|
||||
"b e e"
|
||||
"b f f"
|
||||
"b g g"
|
||||
;
|
||||
grid-template-columns: 400px 1fr;
|
||||
grid-template-columns: 400px 1fr 1fr;
|
||||
grid-template-rows: auto auto auto 1fr auto;
|
||||
|
||||
grid-gap: 10px;
|
||||
|
@ -29,14 +29,18 @@
|
|||
grid-area: c;
|
||||
}
|
||||
|
||||
.SearchByTimePeriod {
|
||||
.SearchByUser {
|
||||
grid-area: d;
|
||||
}
|
||||
|
||||
.Conditions {
|
||||
.SearchByTimePeriod {
|
||||
grid-area: e;
|
||||
}
|
||||
|
||||
.CreateDialog {
|
||||
.Conditions {
|
||||
grid-area: f;
|
||||
}
|
||||
|
||||
.CreateDialog {
|
||||
grid-area: g;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue