diff options
Diffstat (limited to 'src/components/organisms/layout')
5 files changed, 19 insertions, 13 deletions
diff --git a/src/components/organisms/layout/comment.stories.tsx b/src/components/organisms/layout/comment.stories.tsx index b14621b..3794b06 100644 --- a/src/components/organisms/layout/comment.stories.tsx +++ b/src/components/organisms/layout/comment.stories.tsx @@ -51,16 +51,6 @@ export default { required: true, }, }, - postId: { - control: { - type: 'number', - }, - description: 'The post id.', - type: { - name: 'number', - required: true, - }, - }, publication: { description: 'The publication date.', type: { diff --git a/src/components/organisms/layout/header.module.scss b/src/components/organisms/layout/header.module.scss index 7ae683f..a98cf45 100644 --- a/src/components/organisms/layout/header.module.scss +++ b/src/components/organisms/layout/header.module.scss @@ -7,7 +7,7 @@ minmax(0, 1fr) min(calc(100vw - calc(var(--spacing-md) * 2)), 100ch) minmax(0, 1fr); align-items: center; - padding: var(--spacing-sm) 0 var(--spacing-md); + padding: var(--spacing-md) 0 var(--spacing-lg); .toolbar { justify-content: space-around; diff --git a/src/components/organisms/layout/posts-list.module.scss b/src/components/organisms/layout/posts-list.module.scss index 4d80442..f072082 100644 --- a/src/components/organisms/layout/posts-list.module.scss +++ b/src/components/organisms/layout/posts-list.module.scss @@ -1,3 +1,4 @@ +@use "@styles/abstracts/functions" as fun; @use "@styles/abstracts/mixins" as mix; @use "@styles/abstracts/placeholders"; @@ -5,8 +6,9 @@ @include mix.media("screen") { @include mix.dimensions("md") { display: grid; - grid-template-columns: max-content minmax(0, 1fr); + grid-template-columns: fun.convert-px(150) minmax(0, 1fr); align-items: first baseline; + margin-left: fun.convert-px(-150); } } } @@ -16,6 +18,7 @@ .item { margin-bottom: var(--spacing-md); + border-bottom: fun.convert-px(1) solid var(--color-border); } } @@ -24,9 +27,13 @@ @include mix.dimensions("md") { grid-column: 1; justify-self: end; - margin-right: var(--spacing-lg); + padding-right: var(--spacing-lg); position: sticky; top: var(--spacing-xs); } + + @include mix.dimensions("lg") { + padding-right: var(--spacing-xl); + } } } diff --git a/src/components/organisms/layout/posts-list.stories.tsx b/src/components/organisms/layout/posts-list.stories.tsx index 783d333..f80e1ca 100644 --- a/src/components/organisms/layout/posts-list.stories.tsx +++ b/src/components/organisms/layout/posts-list.stories.tsx @@ -171,6 +171,13 @@ ByYears.args = { posts, byYear: true, }; +ByYears.decorators = [ + (Story) => ( + <div style={{ marginLeft: 150 }}> + <Story /> + </div> + ), +]; /** * PostsList Stories - No results diff --git a/src/components/organisms/layout/summary.module.scss b/src/components/organisms/layout/summary.module.scss index 3919e15..1cdda98 100644 --- a/src/components/organisms/layout/summary.module.scss +++ b/src/components/organisms/layout/summary.module.scss @@ -2,6 +2,8 @@ @use "@styles/abstracts/mixins" as mix; .wrapper { + padding: var(--spacing-2xs) 0 var(--spacing-lg); + @include mix.media("screen") { @include mix.dimensions("xs") { padding: var(--spacing-sm) var(--spacing-sm) var(--spacing-md); |
