diff --git a/src/lib/components/atoms/Banner.svelte b/src/lib/components/atoms/Banner.svelte index cff31e3..83bf6ea 100644 --- a/src/lib/components/atoms/Banner.svelte +++ b/src/lib/components/atoms/Banner.svelte @@ -14,7 +14,7 @@ diff --git a/src/lib/components/atoms/Slider.svelte b/src/lib/components/atoms/Slider.svelte index 2e709bc..7e938f3 100644 --- a/src/lib/components/atoms/Slider.svelte +++ b/src/lib/components/atoms/Slider.svelte @@ -19,7 +19,6 @@ gap: 1rem; scroll-behavior: smooth; padding-bottom: 1rem; - padding-inline: 1.5rem; div { flex: 0 0 300px; diff --git a/src/lib/components/atoms/Tag.svelte b/src/lib/components/atoms/Tag.svelte index 115b655..297ebf2 100644 --- a/src/lib/components/atoms/Tag.svelte +++ b/src/lib/components/atoms/Tag.svelte @@ -37,21 +37,12 @@ align-items: center; justify-content: center; gap: 5px; - padding: 5px 15px; + padding-right: 15px; border-radius: 10px; font-weight: 500; font-size: 0.85rem; width: fit-content; white-space: nowrap; - - &.primary { - background-color: rgba(245, 245, 245, 0.96); - color: rgba(255, 49, 0, 0.96); - } - &.secondary { - background-color: var(--color--secondary-tint); - color: var(--color--secondary); - } } .icon { @@ -61,10 +52,11 @@ height: 20px; } - a.tag { + a { text-decoration-thickness: 1px; - &:not(:hover) { - text-decoration-color: transparent; + color: white; + &:hover { + color: rgba(255, 49, 0, 1); } } diff --git a/src/lib/components/molecules/BlogPostCard.svelte b/src/lib/components/molecules/BlogPostCard.svelte index ed77136..4f757fe 100644 --- a/src/lib/components/molecules/BlogPostCard.svelte +++ b/src/lib/components/molecules/BlogPostCard.svelte @@ -27,3 +27,14 @@ {/if} + + diff --git a/src/lib/components/molecules/PostBody.svelte b/src/lib/components/molecules/PostBody.svelte index 8d4443c..95bcb89 100644 --- a/src/lib/components/molecules/PostBody.svelte +++ b/src/lib/components/molecules/PostBody.svelte @@ -7,6 +7,6 @@ div { grid-area: 1 / 3 / 6 / 7; - margin-inline: 2rem; + margin-inline: 1rem; } diff --git a/src/lib/components/molecules/PostContainer.svelte b/src/lib/components/molecules/PostContainer.svelte index c21bd87..ba45fe2 100644 --- a/src/lib/components/molecules/PostContainer.svelte +++ b/src/lib/components/molecules/PostContainer.svelte @@ -15,12 +15,11 @@ grid-template-rows: repeat(5, 1fr); grid-column-gap: 10px; grid-row-gap: 0px; - padding-top: 4rem; + padding-top: 64px; } .flex { display: flex; flex-direction: column; - padding-top: 4rem; } diff --git a/src/lib/components/molecules/PostTable.svelte b/src/lib/components/molecules/PostTable.svelte index 0a34736..545a1f2 100644 --- a/src/lib/components/molecules/PostTable.svelte +++ b/src/lib/components/molecules/PostTable.svelte @@ -40,6 +40,5 @@ div { grid-area: 1 / 1 / 6 / 3; background-color: transparent; - padding: 10px; } diff --git a/src/lib/components/organisms/Header.svelte b/src/lib/components/organisms/Header.svelte index c4c38c1..b00e9ce 100644 --- a/src/lib/components/organisms/Header.svelte +++ b/src/lib/components/organisms/Header.svelte @@ -20,38 +20,38 @@