fix(DialogFooter): flex issue on mobile

sikka-software · Jun 3, 2024 · 39ddbf6 · 39ddbf6
1 parent de43944
commit 39ddbf6
Show file tree

Hide file tree

Showing 9 changed files with 37 additions and 17 deletions.
diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -6,6 +6,6 @@ declare COMPONENTS_CHANGED=$(git diff --cached --name-only | grep 'packages/comp
 
 # Run `tsc` if changes are detected in the respective directories
 if [[ $COMPONENTS_CHANGED ]]; then
-    pushd packages/components && tsc --noEmit || exit 1
+    pushd packages/components && "$NVM_SYMLINK/tsc.cmd" --noEmit || exit 1
     popd
 fi
diff --git a/apps/docs/CHANGELOG.md b/apps/docs/CHANGELOG.md
@@ -1,5 +1,12 @@
 # hawa-docs
 
+## 0.0.88
+
+### Patch Changes
+
+- Updated dependencies
+  - @sikka/hawa@0.42.2
+
 ## 0.0.87
 
 ### Patch Changes

diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hawa-docs",
-  "version": "0.0.87",
+  "version": "0.0.88",
   "private": true,
   "scripts": {
     "dev": "next dev -p 3001",

diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @sikka/hawa
 
+## 0.42.2
+
+### Patch Changes
+
+- Fix `DialogFooter` flex issue on mobile screens
+
 ## 0.42.1
 
 ### Patch Changes

diff --git a/packages/components/elements/dialog/Dialog.tsx b/packages/components/elements/dialog/Dialog.tsx
@@ -250,7 +250,7 @@ const DialogFooter = ({
 }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn(
-      "hawa-flex hawa-flex-col-reverse sm:hawa-flex-row sm:hawa-justify-end hawa-gap-2",
+      "hawa-flex hawa-flex-col xs:hawa-flex-row sm:hawa-justify-end hawa-gap-2",
       className,
     )}
     {...props}

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.42.1",
+  "version": "0.42.2",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",

diff --git a/packages/components/tailwind.config.ts b/packages/components/tailwind.config.ts
@@ -12,18 +12,19 @@ const config: Config = {
   prefix: "hawa-",
   darkMode: ["class"],
   theme: {
-    screens: {
-      mobile: "430px",
-      tablet: "640px",
-      laptop: "1024px",
-      desktop: "1280px",
-    },
-    container: {
-      center: true,
-      padding: "2rem",
-      screens: { "2xl": "1400px" },
-    },
     extend: {
+      screens: {
+        xs: "440px",
+        mobile: "430px",
+        tablet: "640px",
+        laptop: "1024px",
+        desktop: "1280px",
+      },
+      container: {
+        center: true,
+        padding: "2rem",
+        screens: { "2xl": "1400px" },
+      },
       arrows: {
         default: {
           borderColor: "hsl(var(--border))",
@@ -36,7 +37,6 @@ const config: Config = {
       },
       boxShadow: { neobrutalism: "5px 5px 0px 0px rgba(0,0,0,1);" },
       maxWidth: { "2xs": "250px" },
-      screens: { xs: "440px" },
       transitionProperty: { height: "height" },
       borderRadius: {
         inner: "var(--radius-inner)",

diff --git a/packages/storybook/CHANGELOG.md b/packages/storybook/CHANGELOG.md
@@ -1,5 +1,12 @@
 # hawa-storybook
 
+## 0.26.109
+
+### Patch Changes
+
+- Updated dependencies
+  - @sikka/hawa@0.42.2
+
 ## 0.26.108
 
 ### Patch Changes

diff --git a/packages/storybook/package.json b/packages/storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hawa-storybook",
-  "version": "0.26.108",
+  "version": "0.26.109",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",