mirror of
https://github.com/pds-nest/nest.git
synced 2024-11-22 04:54:18 +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 BoxConditions from "../components/interactive/BoxConditions"
|
||||||
import BoxConditionDatetime from "../components/interactive/BoxConditionDatetime"
|
import BoxConditionDatetime from "../components/interactive/BoxConditionDatetime"
|
||||||
import BoxConditionMap from "../components/interactive/BoxConditionMap"
|
import BoxConditionMap from "../components/interactive/BoxConditionMap"
|
||||||
|
import BoxConditionUser from "../components/interactive/BoxConditionUser"
|
||||||
|
|
||||||
|
|
||||||
export default function PageDashboard({ children, className, ...props }) {
|
export default function PageDashboard({ children, className, ...props }) {
|
||||||
|
@ -25,6 +26,7 @@ export default function PageDashboard({ children, className, ...props }) {
|
||||||
</BoxHeader>
|
</BoxHeader>
|
||||||
<BoxConditionMap className={Style.SearchByZone}/>
|
<BoxConditionMap className={Style.SearchByZone}/>
|
||||||
<BoxConditionHashtag className={Style.SearchByHashtags}/>
|
<BoxConditionHashtag className={Style.SearchByHashtags}/>
|
||||||
|
<BoxConditionUser className={Style.SearchByUser}/>
|
||||||
<BoxConditionDatetime className={Style.SearchByTimePeriod}/>
|
<BoxConditionDatetime className={Style.SearchByTimePeriod}/>
|
||||||
<BoxConditions className={Style.Conditions}/>
|
<BoxConditions className={Style.Conditions}/>
|
||||||
<BoxFull className={Style.CreateDialog} header={"Create repository"}>
|
<BoxFull className={Style.CreateDialog} header={"Create repository"}>
|
||||||
|
|
|
@ -2,13 +2,13 @@
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
"a a"
|
"a a a"
|
||||||
"b c"
|
"b c d"
|
||||||
"b d"
|
"b e e"
|
||||||
"b e"
|
"b f f"
|
||||||
"b f"
|
"b g g"
|
||||||
;
|
;
|
||||||
grid-template-columns: 400px 1fr;
|
grid-template-columns: 400px 1fr 1fr;
|
||||||
grid-template-rows: auto auto auto 1fr auto;
|
grid-template-rows: auto auto auto 1fr auto;
|
||||||
|
|
||||||
grid-gap: 10px;
|
grid-gap: 10px;
|
||||||
|
@ -29,14 +29,18 @@
|
||||||
grid-area: c;
|
grid-area: c;
|
||||||
}
|
}
|
||||||
|
|
||||||
.SearchByTimePeriod {
|
.SearchByUser {
|
||||||
grid-area: d;
|
grid-area: d;
|
||||||
}
|
}
|
||||||
|
|
||||||
.Conditions {
|
.SearchByTimePeriod {
|
||||||
grid-area: e;
|
grid-area: e;
|
||||||
}
|
}
|
||||||
|
|
||||||
.CreateDialog {
|
.Conditions {
|
||||||
grid-area: f;
|
grid-area: f;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.CreateDialog {
|
||||||
|
grid-area: g;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue