Use svg images

GDG-Nantes · Feb 24, 2024 · 54d6956 · 54d6956
1 parent 44fa03e
commit 54d6956
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/components/home/home.scss b/src/components/home/home.scss
@@ -21,7 +21,7 @@
     margin-top: 10%;
     img {
       height: auto;
-      width: 75%;
+      width: 50%;
       margin: auto;
       display: block;
     }

diff --git a/src/components/home/jumbo.tsx b/src/components/home/jumbo.tsx
@@ -12,12 +12,12 @@ export const HomeJumbo = () => {
   return (
     <>
       <div className="jumbo-home-blood">
-        <img src="/images/jumbo-blood.png" alt="" />
+        <img src="/images/jumbo-blood.svg" alt="" />
       </div>
       <div className="logo-jumbo-home">
         <img
           alt="logo"
-          src="/images/logo-long.png"
+          src="/images/tagline.svg"
         />
       </div>
 

diff --git a/src/layout/footer.tsx b/src/layout/footer.tsx
@@ -134,7 +134,7 @@ export const Footer: React.FC = () => {
           <FooterItem size="full">
             <div>
               <img
-                src="/images/logo-long.png"
+                src="/images/logo-long.svg"
                 alt="logo devfest"
                 height="50"
                 width="150"

diff --git a/src/layout/index.tsx b/src/layout/index.tsx
@@ -44,7 +44,7 @@ const Layout: React.FC<React.PropsWithChildren> = ({ children }) => {
         <CssBaseline />
         <Topbar
           toggleDrawer={toggleDrawer}
-          logo="/images/logo-long.png"
+          logo="/images/logo-long.svg"
         />
 
         <BarMenu isOpen={isOpen} toggleDrawer={toggleDrawer} />