summaryrefslogtreecommitdiffstats
path: root/src/components/organisms/layout
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/organisms/layout')
-rw-r--r--src/components/organisms/layout/comment.stories.tsx10
-rw-r--r--src/components/organisms/layout/header.module.scss2
-rw-r--r--src/components/organisms/layout/posts-list.module.scss11
-rw-r--r--src/components/organisms/layout/posts-list.stories.tsx7
-rw-r--r--src/components/organisms/layout/summary.module.scss2
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);