@@ -31,7 +34,8 @@
}
.modal {
width: 415px;
- height: 306px;
+ min-height: 196px;
+ max-height: 400px;
background-color: var(--bgHover);
position: absolute;
top: calc(50% - 153px);
@@ -41,6 +45,7 @@
box-sizing: border-box;
display: flex;
flex-direction: column;
+ justify-content: space-between;
}
.modal > h2 {
@@ -48,13 +53,15 @@
margin: 0;
}
- .modal > div {
+ .bottomContainer {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 21px;
}
+
+
.icon {
width: 24px;
height: 24px;
@@ -76,4 +83,6 @@
.hidden {
display: none;
}
+
+
diff --git a/src/lib/components/atoms/text/H1.svelte b/src/lib/components/atoms/text/H1.svelte
index 2f84d52..db3dc64 100644
--- a/src/lib/components/atoms/text/H1.svelte
+++ b/src/lib/components/atoms/text/H1.svelte
@@ -1,4 +1,8 @@
-
+
+
+
diff --git a/src/lib/components/atoms/text/H2.svelte b/src/lib/components/atoms/text/H2.svelte
index a4f6d5b..f2839e3 100644
--- a/src/lib/components/atoms/text/H2.svelte
+++ b/src/lib/components/atoms/text/H2.svelte
@@ -1,4 +1,8 @@
-
+
+
+
\ No newline at end of file
diff --git a/src/lib/components/atoms/text/P4.svelte b/src/lib/components/atoms/text/P4.svelte
index b20bbc1..f517b54 100644
--- a/src/lib/components/atoms/text/P4.svelte
+++ b/src/lib/components/atoms/text/P4.svelte
@@ -1,4 +1,8 @@
-
+
+
+
\ No newline at end of file
diff --git a/src/stories/components/text/H1.stories.svelte b/src/stories/components/text/H1.stories.svelte
index a3f704a..ffb87a1 100644
--- a/src/stories/components/text/H1.stories.svelte
+++ b/src/stories/components/text/H1.stories.svelte
@@ -1,6 +1,6 @@
-
- Johannes Vermeer was a Dutch painter
-
\ No newline at end of file
+
+
+
+
+ {args.content}
+
+
+
+
+
+
diff --git a/src/stories/components/text/H2.stories.svelte b/src/stories/components/text/H2.stories.svelte
index 6fb4939..664d17b 100644
--- a/src/stories/components/text/H2.stories.svelte
+++ b/src/stories/components/text/H2.stories.svelte
@@ -1,12 +1,21 @@
-
- Johannes Vermeer was a Dutch painter
-
\ No newline at end of file
+
+
+
+
+ {args.content}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/stories/components/text/H3.stories.svelte b/src/stories/components/text/H3.stories.svelte
index 7386073..8cfcb42 100644
--- a/src/stories/components/text/H3.stories.svelte
+++ b/src/stories/components/text/H3.stories.svelte
@@ -1,12 +1,20 @@
-
- Johannes Vermeer was a Dutch painter
-
\ No newline at end of file
+
+
+
+ {args.content}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/stories/components/text/P1.stories.svelte b/src/stories/components/text/P1.stories.svelte
index 0daa758..3b3462d 100644
--- a/src/stories/components/text/P1.stories.svelte
+++ b/src/stories/components/text/P1.stories.svelte
@@ -1,12 +1,21 @@
-
- Example text
-
\ No newline at end of file
+
+
+
+
+ {args.content}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/stories/components/text/P2.stories.svelte b/src/stories/components/text/P2.stories.svelte
new file mode 100644
index 0000000..70cf18d
--- /dev/null
+++ b/src/stories/components/text/P2.stories.svelte
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+ {args.content}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/stories/components/text/P3.stories.svelte b/src/stories/components/text/P3.stories.svelte
new file mode 100644
index 0000000..b78e123
--- /dev/null
+++ b/src/stories/components/text/P3.stories.svelte
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+ {args.content}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/stories/components/text/P4.stories.svelte b/src/stories/components/text/P4.stories.svelte
new file mode 100644
index 0000000..12cbe3f
--- /dev/null
+++ b/src/stories/components/text/P4.stories.svelte
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+ {args.content}
+
+
+
+
+
+
+
\ No newline at end of file