Merge pull request #415 from LikeLion-at-DGU/dev

🚀 Deploy
LikeLion-at-DGU · Aug 6, 2024 · 2b6b00b · 2b6b00b
2 parents 7b196ae + e4fe8db
commit 2b6b00b
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 10 deletions.
diff --git a/src/pages/Share/Share.jsx b/src/pages/Share/Share.jsx
@@ -61,8 +61,18 @@ const SharePage = ({ onBack }) => {
   }
 
   return (
-    <div>
-      <div ref={captureRef}>
+    <div
+      style={{
+        width: "100%",
+      }}
+    >
+      <div
+        style={{
+          width: "100%",
+          minHeight: "100%",
+        }}
+        ref={captureRef}
+      >
         {/* 캡처할 내용 */}
         <S.Wrapper>
           <S.Header>
@@ -76,11 +86,11 @@ const SharePage = ({ onBack }) => {
               <div className="profession">{starData.profession}</div>
             </S.BannerTitle>
           </S.Header>
-          <div className="Containr">
+          <div className="Container">
             <S.ClearCantainr>
               <S.ClearMain>
                 <div className="text">축하합니다!</div>
-                <div className="imgContainr">
+                <div className="imgContainer">
                   <img
                     src={ClearStarPIcon1}
                     onLoad={() => setIsImageReady(true)}

diff --git a/src/pages/Share/styled.js b/src/pages/Share/styled.js
@@ -10,7 +10,7 @@ export const Wrapper = styled.div`
   background-image: url(${Back});
   background-size: cover;
   margin-bottom: 7.3rem;
-  .Containr {
+  .Container {
     min-height: 100%;
   }
 `;
@@ -79,7 +79,7 @@ export const ClearMain = styled.div`
   gap: 20px;
   color: white;
 
-  .imgContainr {
+  .imgContainer {
     position: relative;
     display: flex;
     width: 100%;
@@ -123,8 +123,8 @@ export const shareBtn = styled.button`
   justify-content: center;
   align-items: center;
   gap: 12px;
-  width: 196.505px;
-  height: 39.301px;
+  width: 200px;
+  height: 40px;
   color: black;
   border-radius: 19px;
   border: 1.228px solid #c4d9e2;
@@ -149,8 +149,8 @@ export const shareContainr = styled.div`
   margin-top: 1rem;
   .backBtn {
     display: flex;
-    width: 160px;
-    height: 32px;
+    width: 200px;
+    height: 40px;
     padding: 6px;
     justify-content: center;
     align-items: center;