1
Fork 0
mirror of https://github.com/pds-nest/nest.git synced 2024-11-25 22:44:19 +00:00

🔧 Redesign dashboard areas

This commit is contained in:
Stefano Pigozzi 2021-05-07 04:48:03 +02:00
parent 3bdbcb2951
commit 1ccff60b3e
Signed by untrusted user who does not match committer: steffo
GPG key ID: 6965406171929D01
2 changed files with 15 additions and 9 deletions

View file

@ -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"}>

View file

@ -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;
}