Minor responsiveness fix

pratikkabade · Apr 7, 2024 · 0a03674 · 0a03674
1 parent 85484d8
commit 0a03674
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/components/data/DataButton.tsx b/src/components/data/DataButton.tsx
@@ -26,7 +26,7 @@ export const DataButton = () => {
                     Add the URL <i className="fa-solid fa-plus ml-2"></i>
                 </Button>
             </div>
-            <Modal className="fade-in" show={props.openModal === 'default'} onClose={() => props.setOpenModal(undefined)}>
+            <Modal className="fade-in h-screen" show={props.openModal === 'default'} onClose={() => props.setOpenModal(undefined)}>
                 <Modal.Header>
                     Add the URL
                 </Modal.Header>

diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx
@@ -28,7 +28,7 @@ export const Dashboard = () => {
     if (data.transactions === undefined) {
         return (
             <div className='flex flex-col lg:flex-row w-full'>
-                <div className='flex flex-col max-lg:flex-row justify-between align-middle items-center lg:w-72 px-5'>
+                <div className='flex flex-col max-lg:flex-row justify-between align-middle items-center lg:w-72 px-5 lg:h-screen'>
                     <div className='flex flex-col max-lg:flex-row max-lg:justify-between justify-center items-center'>
                         <div className="text-4xl font-bold my-10">
                             <Link to='/About'>
@@ -62,7 +62,7 @@ export const Dashboard = () => {
 
     return (
         <div className='flex flex-col lg:flex-row w-full'>
-            <div className='flex flex-col max-lg:flex-row justify-between align-middle items-center lg:w-72 px-5'>
+            <div className='flex flex-col max-lg:flex-row justify-between align-middle items-center lg:w-72 px-5 lg:h-screen'>
                 <div className='flex flex-col max-lg:flex-row max-lg:justify-between justify-center items-center'>
                     <div className="text-4xl font-bold my-10">
                         <Link to='/About'>
@@ -79,7 +79,7 @@ export const Dashboard = () => {
             <div id='ch1'>
                 <AnimatedLoader />
             </div>
-            <div id='ch2' className="hidden  flex-col w-full text-4xl font-bold text-center py-10 fade-in scrl">
+            <div id='ch2' className="hidden  flex-col w-full text-4xl font-bold text-center py-10 fade-in scrl max-lg:h-screen">
                 {sum === 0 ?
                     <div className='text-red-500'>
                         No Transactions Found

diff --git a/src/widgets/Time.tsx b/src/widgets/Time.tsx
@@ -35,10 +35,10 @@ export const TimeWidget = (dateProps: dateProp) => {
                 onClick={() => (
                     props.setOpenModal('default')
                 )}>
-                <div className="text-5xl">
+                <div className="text-5xl max-sm:hidden">
                     {formattedTime}
                 </div>
-                <div className="max-lg:ml-3">
+                <div className="max-lg:ml-3 max-sm:ml-0">
                     <div className="font-bold text-lg">
                         {weekday}
                     </div>