Updated object fit

acmucsd · Oct 29, 2024 · 9a8e638 · 9a8e638
1 parent afff24d
commit 9a8e638
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 3 deletions.
diff --git a/src/components/AboutDescription/style.module.scss b/src/components/AboutDescription/style.module.scss
@@ -18,12 +18,15 @@
     color: vars.$light-blue;
     word-break: break-word;
   }
+
   .hacks {
     color: vars.$orange;
   }
+
   .emphasis {
     color: vars.$yellow;
   }
+
   .description {
     display: grid;
     grid-template-columns: 1fr 1fr;
@@ -33,6 +36,7 @@
       grid-template-columns: 1fr;
     }
   }
+
   .prompt {
     display: flex;
     flex-direction: column;

diff --git a/src/components/Carousel/index.tsx b/src/components/Carousel/index.tsx
@@ -14,7 +14,6 @@ const Carousel: React.FC<CarouselProps> = ({ images }) => {
             <Image
               src={image}
               alt={`Hackathon Image ${index + 1}`}
-              objectFit="cover"
               sizes="400px"
               fill
             />
@@ -25,7 +24,6 @@ const Carousel: React.FC<CarouselProps> = ({ images }) => {
             <Image
               src={image}
               alt={`Hackathon Image ${index + 1}`}
-              objectFit="cover"
               sizes="400px"
               fill
             />

diff --git a/src/components/Carousel/style.module.scss b/src/components/Carousel/style.module.scss
@@ -18,6 +18,7 @@
       border-radius: 16px;
 
       img {
+        object-fit: cover;
         object-position: 40% 20%;
         border-radius: inherit;
       }

diff --git a/src/components/ImagePicker/index.tsx b/src/components/ImagePicker/index.tsx
@@ -56,7 +56,6 @@ const ImagePicker: React.FC<ImagePickerProps> = ({ images }) => {
             <Image
               src={image}
               alt={`Hackathon Image ${index + 1}`}
-              objectFit="cover"
               sizes="400px"
               fill
             />

diff --git a/src/components/ImagePicker/style.module.scss b/src/components/ImagePicker/style.module.scss
@@ -19,6 +19,7 @@
       aspect-ratio: 1920/1080;
 
       img {
+        object-fit: cover;
         object-position: 40% 20%;
         border-radius: inherit;
       }