fix: fix library title centering weirdly and update ads to be less in…

…trusive
vichannnnn · Feb 16, 2024 · 6442fc2 · 6442fc2
1 parent afdc42a
commit 6442fc2
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/holy-grail-frontend/src/features/Library/Library.css b/holy-grail-frontend/src/features/Library/Library.css
@@ -3,7 +3,6 @@
     display: flex;
     flex-direction: column;
     justify-content: center;
-    align-items: center;
     margin: 48px auto;
 }
 
@@ -15,5 +14,4 @@
 .library-subtitle {
     font-size: 1rem;
     margin-bottom: 24px;
-    text-align: center;
 }
diff --git a/holy-grail-frontend/src/features/Showcase/FooterShowcase.tsx b/holy-grail-frontend/src/features/Showcase/FooterShowcase.tsx
@@ -14,7 +14,7 @@ interface InfoButtonProps {
 }
 
 export const InfoButton = ({ isMobile }: InfoButtonProps) => {
-  const iconButtonTop = isMobile ? '12px' : '4px';
+  const iconButtonTop = isMobile ? '0px' : '4px';
 
   return (
     <Tooltip

diff --git a/holy-grail-frontend/src/features/Showcase/IllumeShowcase.css b/holy-grail-frontend/src/features/Showcase/IllumeShowcase.css
@@ -2,8 +2,9 @@
     display: flex;
     flex-direction: column;
     justify-content: center;
+    align-items: center;
     gap: 16px;
-    margin-top: 16px;
+    margin: 24px auto;
 }
 
 .illume-showcase-image {

diff --git a/holy-grail-frontend/src/features/Showcase/IllumeShowcase.tsx b/holy-grail-frontend/src/features/Showcase/IllumeShowcase.tsx
@@ -48,7 +48,11 @@ export const IllumeShowcase = () => {
   }, [showcaseRef]);
 
   return (
-    <div className='illume-container' ref={showcaseRef}>
+    <div
+      className='illume-container'
+      ref={showcaseRef}
+      style={{ width: isMobile ? '100%' : '60%' }}
+    >
       <div className='illume-showcase-image'>
         <a onClick={handleShowcaseClick} style={{ cursor: 'pointer' }}>
           <img alt='Illume Showcase here!' src={ADS_IMAGE_URL} width='100%'></img>