From 4727cfa6b53c5c023192d751b5ee2f0882d16389 Mon Sep 17 00:00:00 2001 From: antoine37120 <ant.dupre@gmail.com> Date: Thu, 16 Mar 2023 00:02:41 +0100 Subject: [PATCH] add styles for dashboard --- src/index.js | 1 + src/styles/dashboard.scss | 52 +++++++++++++++++++++++++++++++++++++++ 2 files changed, 53 insertions(+) create mode 100644 src/styles/dashboard.scss diff --git a/src/index.js b/src/index.js index 647d10d..ff83c65 100644 --- a/src/index.js +++ b/src/index.js @@ -1,6 +1,7 @@ import('./utils.js').then(utils => { import(utils.coreVersion()).then(async (core) => { core.Helpers.importCSS(utils.path() + '/styles/index.css?min'); + core.Helpers.importCSS(utils.path() + '/styles/dashboard.css?min'); await import("./custom-tzcld.js"); diff --git a/src/styles/dashboard.scss b/src/styles/dashboard.scss new file mode 100644 index 0000000..2f8fbd0 --- /dev/null +++ b/src/styles/dashboard.scss @@ -0,0 +1,52 @@ +#dashboard { + .hook-dashboard { + display: flex; + flex-wrap: wrap; + padding: 15px; + } + solid-resource { + display:block; + flex-basis: calc(66% - 15px); + &>.solid-resource>solid-display { + background: #fff; + box-shadow: 0 0 6px 0 rgb(0 0 0 / 11%);flex-grow: 1; + flex-shrink: 1; + padding: 15px; + display: block; + } + + solid-form-search { + display: none; + } + solid-display { + nav { + display: none; + } + } + &.cardsList { + flex-basis: calc(100%); + + } + } + solid-event { + display:block; + flex-basis: calc(34% - 15px); + margin-left: 30px; + &>.solid-event>solid-display { + background: #fff; + box-shadow: 0 0 6px 0 rgb(0 0 0 / 11%);flex-grow: 1; + flex-shrink: 1; + padding: 15px; + display: block; + } + + solid-form-search { + display: none; + } + solid-display { + nav { + display: none; + } + } + } +} \ No newline at end of file -- GitLab