diff --git a/code/frontend/src/routes/PageDashboard.js b/code/frontend/src/routes/PageDashboard.js index 662d91a..ce5dc81 100644 --- a/code/frontend/src/routes/PageDashboard.js +++ b/code/frontend/src/routes/PageDashboard.js @@ -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 }) { + diff --git a/code/frontend/src/routes/PageDashboard.module.css b/code/frontend/src/routes/PageDashboard.module.css index f383f89..4c79208 100644 --- a/code/frontend/src/routes/PageDashboard.module.css +++ b/code/frontend/src/routes/PageDashboard.module.css @@ -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; +}