Merge pull request #177 from 100-hours-a-week/dev

Dev
100-hours-a-week · Aug 30, 2024 · 6fc98aa · 6fc98aa
2 parents 2ad888f + 460ed36
commit 6fc98aa
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/src/Component/Modal/modal.tsx b/src/Component/Modal/modal.tsx
@@ -8,15 +8,15 @@ const getModalStyles = (isSmallScreen: boolean): Styles => {
   return {
     overlay: {
       backgroundColor: "rgb(255 255 255 / 60%)",
-      width: "90%",
+      width: isSmallScreen ? "100%" : "90%",
       height: "100%",
       zIndex: 100,
       top: "0",
       left: "0",
     },
     content: {
       width: isSmallScreen ? "85%" : "400px",
-      height: isSmallScreen ? "auto" : "450px",
+      height: isSmallScreen ? "400px" : "450px",
       zIndex: "11",
       position: "fixed" as const,
       scrollbarWidth: "none",

diff --git a/src/Component/Portfolio/PortfolioDetail.tsx b/src/Component/Portfolio/PortfolioDetail.tsx
@@ -12,15 +12,16 @@ import DeleteButton2 from "../Button/DeleteButton2";
 import styled from "styled-components";
 
 const TitleDiv = styled.div`
-    width: 60%;
-    display: flex;
-    align-items: center;
-    position: relative;
-    justify-content: space-between;
-    @media (max-width: 768px) {
-        width: 100%;
-        padding-right: 1rem;
-    }
+  width: 95%;
+  display: flex;
+  align-items: center;
+  position: relative;
+  margin-left: 1rem;
+  justify-content: space-between;
+  @media (max-width: 768px) {
+    width: 100%;
+    padding-right: 2rem;
+  }
 `;
 
 const PortfolioDetail = () => {