diff --git a/src/assets/css/src/1.0.global.css b/src/assets/css/src/1.0.global.css index ccb9ee7..dd5aeb5 100644 --- a/src/assets/css/src/1.0.global.css +++ b/src/assets/css/src/1.0.global.css @@ -40,6 +40,18 @@ body { /* Main */ main { position: relative; + min-height: calc(100vh - var(--gutter) * 2); +} +main > header { + align-items: flex-start; + justify-content: space-between; + width: 100%; +} + + +/* Section */ +section { + width: 100%; } diff --git a/src/assets/css/src/2.blocks.button.css b/src/assets/css/src/2.blocks.button.css index 231c96f..6469d33 100644 --- a/src/assets/css/src/2.blocks.button.css +++ b/src/assets/css/src/2.blocks.button.css @@ -9,6 +9,7 @@ justify-content: center; align-items: center; gap: var(--space-8); + flex-shrink: 0; padding: .6em var(--space-16) .75em; max-height: 2.5rem; text-align: center; diff --git a/src/assets/css/src/2.blocks.project.css b/src/assets/css/src/2.blocks.project.css index b319503..9e8d734 100644 --- a/src/assets/css/src/2.blocks.project.css +++ b/src/assets/css/src/2.blocks.project.css @@ -3,6 +3,7 @@ .project-item { background: var(--color-background); row-gap: 2.5rem; + position: relative; } .project-item hgroup { @@ -35,9 +36,9 @@ flex: 1 1 0%; display: flex; gap: var(--gap); - margin-top: -2.75rem; + margin-top: -1.5rem; position: relative; - min-width: max(55%, 45rem); + min-width: 55%; width: 100%; padding: 2rem 0; } diff --git a/src/components/Projects.vue b/src/components/Projects.vue index eab2d5b..0aadc95 100644 --- a/src/components/Projects.vue +++ b/src/components/Projects.vue @@ -1,6 +1,8 @@ - Projets - + + Projets + + - + {{ tab.label }} {{ tab.count }} - + diff --git a/src/views/Notifications.vue b/src/views/Notifications.vue index 8c0be33..c8d1663 100644 --- a/src/views/Notifications.vue +++ b/src/views/Notifications.vue @@ -1,14 +1,16 @@ - - Status - - - Marquer tout come lu - + + + Status + + + Marquer tout come lu + +