whitespacing fixed

gita · Jan 21, 2024 · 942576a · 942576a
1 parent c713b10
commit 942576a
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/app/bhagavad-gita-quotes/[[...locale]]/QuotesPage.tsx b/src/app/bhagavad-gita-quotes/[[...locale]]/QuotesPage.tsx
@@ -18,7 +18,7 @@ export default function QuotesPage(props: LocaleAndTranslations) {
   return (
     <div className="">
       <QuotesBanner translate={translate} />
-      <div className="relative z-10 m-auto flex min-h-screen items-center p-0 md:w-[90%] lg:w-[73%] xl:w-[66%]">
+      <div className="relative z-10 m-auto flex min-h-[480px] items-center p-0 md:w-[90%] lg:w-[73%] xl:w-[66%] ">
         <QuotesNavigator
           quoteCount={quotes.length}
           quoteIndex={quoteIndex}

diff --git a/src/components/Quotes/Quote.tsx b/src/components/Quotes/Quote.tsx
@@ -14,7 +14,7 @@ export default function Quote({ quoteNumber, quote, translate }: Props) {
   return (
     <>
       <div className="absolute inset-x-0 mx-auto text-center font-inter">
-        <SvgChapterBackground className="relative inset-x-0 bottom-0 m-auto h-full w-full rounded-full text-gray-300 text-opacity-25 dark:text-black dark:text-opacity-25 md:min-w-fit lg:w-min" />
+        <SvgChapterBackground className="relative inset-x-0 bottom-0 m-auto h-full w-full rounded-full text-gray-300 text-opacity-25 dark:text-black dark:text-opacity-25 md:max-w-fit lg:w-min" />
       </div>
 
       <div className="xs:py-24 relative mx-auto max-w-5xl px-4 text-center font-inter sm:px-6 sm:py-28">

diff --git a/src/components/QuotesBanner.tsx b/src/components/QuotesBanner.tsx
@@ -10,7 +10,7 @@ export default function QuotesBanner(props: Props) {
   const { translate } = props;
 
   return (
-    <div className="relative z-10 mx-auto max-w-full xl:mx-24">
+    <div className="relative z-10 mx-auto max-w-full xl:mx-24 md:mb-5">
       <Image
         src={QuotesBannerBG}
         alt="BG Quotes Banner Image"