fix(contact): fixed a glitch when used a computed tailwind class

RSickenberg · Nov 28, 2023 · e67c8d2 · e67c8d2
1 parent ea42b80
commit e67c8d2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,6 +5,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
+### Fixed
+- Fixed a tailwind issue when used computed style class
 
 ## [0.1.1] - 2023-11-29
 ### Added
@@ -83,7 +85,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 - Few issues on dark mode and event listner
 
-[unreleased]: https://github.com/RSickenberg/rsickenberg.me-next/compare/v0.1.1...HEAD
+[Unreleased]: https://github.com/RSickenberg/rsickenberg.me-next/compare/v0.1.1...HEAD
 [0.1.1]: https://github.com/RSickenberg/rsickenberg.me-next/compare/v0.1.0...v0.1.1
 [0.1.0]: https://github.com/RSickenberg/rsickenberg.me-next/compare/v0.0.8...v0.1.0
 [0.0.8]: https://github.com/RSickenberg/rsickenberg.me-next/compare/v0.0.7...v0.0.8

diff --git a/src/components/Contact.astro b/src/components/Contact.astro
@@ -51,7 +51,7 @@ const contactMediums: IContactMedium[] = [
                         class="underline decoration-2 decoration-gray-500 dark:decoration-gray-200">for you</a>.
                 </p>
 
-                <div class=`grid grid-cols-2 md:grid-cols-${contactMediums.length} gap-3 md:gap-4`>
+                <div class=`grid grid-cols-2 md:grid-cols-5 gap-3 md:gap-4`>
                     {contactMediums.map((medium => {
                         return <a href={medium.href} class={medium.class ?? baseContactClass}>
                             <Icon name={medium.iconName} size={medium.iconSize ?? baseIconSize}