admin-portal/src/components/C: poered by

remorses · Aug 13, 2023 · 97c86bd · 97c86bd
1 parent 9bb1ac8
commit 97c86bd
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/admin-portal/src/components/ChooseProvider.tsx b/admin-portal/src/components/ChooseProvider.tsx
@@ -39,7 +39,13 @@ export function ChooseProvider() {
                         const disabled = 'inactive' in value && value.inactive
                         if (disabled) {
                             return (
-                                <Tooltip showArrow key={key} content='Coming Soon'>
+                                <Tooltip
+                                    delay={400}
+                                    closeDelay={0}
+                                    showArrow
+                                    key={key}
+                                    content='Coming Soon'
+                                >
                                     <div className=''>
                                         <RadioCard
                                             isDisabled={disabled}

diff --git a/admin-portal/src/components/Container.tsx b/admin-portal/src/components/Container.tsx
@@ -7,7 +7,7 @@ export function Container({ children }) {
     color = color.replace('hsl(', '').replace(')', '').replace(/,/g, '')
 
     return (
-        <div className='flex light gap-12 flex-col justify-center h-full w-full items-stretch max-w-[1300px] mx-auto px-16'>
+        <div className='flex min-h-screen light gap-12 flex-col justify-start h-full w-full items-stretch max-w-[1300px] mx-auto px-16'>
             {color && (
                 <style>
                     {`
@@ -27,18 +27,21 @@ export function Container({ children }) {
                 <div className=''>Link</div> */}
             </div>
             {children}
-            <PoweredBy />
 
-            <div className='pt-24'></div>
+            <div className=' grow'></div>
+            <PoweredBy />
+            <div className=''></div>
         </div>
     )
 }
 
 export function PoweredBy() {
     return (
-        <div className='flex text-sm gap-1'>
+        <div className='flex self-center opacity-80 tracking-wide text-[12px] gap-1'>
             Powered by
-            <span className='font-bold'>Akarso</span>
+            <a href='https://akarso.co' target='_blank' className='font-bold'>
+                Akarso
+            </a>
         </div>
     )
 }