Merge pull request #29 from saas-kits/fix/ui-issues

fix: horizontal slider and minor ui issues
saas-kits · Jan 2, 2024 · d0d83a4 · d0d83a4
2 parents fdc11f2 + e156a73
commit d0d83a4
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/routes/_index/discount-badge.tsx b/app/routes/_index/discount-badge.tsx
@@ -1,7 +1,7 @@
 export function Discountbadge() {
   return (
     <div className="rounded-full border px-4 py-1">
-      <div className="text-xs">
+      <div className="line-clamp-1 text-center text-xs">
         <span className="text-gray-700 dark:text-gray-400">
           24 Hour Flash Sale -{" "}
         </span>

diff --git a/app/routes/_index/footer.tsx b/app/routes/_index/footer.tsx
@@ -5,7 +5,7 @@ import { Logo } from "@/lib/brand/logo"
 export default function Footer() {
   return (
     <div className="relative w-full border-t py-24">
-      <div className="absolute left-0 right-0 top-[-1px] mx-auto h-px w-96 bg-gradient-to-r from-border via-gray-400 to-border opacity-40"></div>
+      <div className="absolute left-0 right-0 top-[-1px] mx-auto h-px w-48  bg-gradient-to-r from-border via-gray-400 to-border opacity-40 md:w-96"></div>
       <div className="mx-auto max-w-7xl px-6">
         <div className="flex flex-wrap">
           <div className="flex w-full flex-col sm:w-2/5">