diff --git a/src/app/assets/svg/Home_light.svg b/src/app/assets/svg/Home_light.svg index f130618..5d22f29 100644 --- a/src/app/assets/svg/Home_light.svg +++ b/src/app/assets/svg/Home_light.svg @@ -2,3 +2,4 @@ +// \ No newline at end of file diff --git a/src/app/assets/svg/Message_light.svg b/src/app/assets/svg/Message_light.svg index 37add9a..4bc4fc6 100644 --- a/src/app/assets/svg/Message_light.svg +++ b/src/app/assets/svg/Message_light.svg @@ -2,3 +2,4 @@ +// diff --git a/src/app/assets/svg/Phone_light.svg b/src/app/assets/svg/Phone_light.svg index e0ad693..48c5a7f 100644 --- a/src/app/assets/svg/Phone_light.svg +++ b/src/app/assets/svg/Phone_light.svg @@ -1,3 +1,4 @@ +// \ No newline at end of file diff --git a/src/app/assets/svg/Trash.svg b/src/app/assets/svg/Trash.svg index bb36a6a..22e4a11 100644 --- a/src/app/assets/svg/Trash.svg +++ b/src/app/assets/svg/Trash.svg @@ -4,3 +4,4 @@ +// \ No newline at end of file diff --git a/src/app/assets/svg/User_light.svg b/src/app/assets/svg/User_light.svg index 5bc33e3..2005cf4 100644 --- a/src/app/assets/svg/User_light.svg +++ b/src/app/assets/svg/User_light.svg @@ -2,3 +2,4 @@ +// diff --git a/src/app/assets/svg/chevron-right-small.svg b/src/app/assets/svg/chevron-right-small.svg index fa4a91b..801259f 100644 --- a/src/app/assets/svg/chevron-right-small.svg +++ b/src/app/assets/svg/chevron-right-small.svg @@ -1,3 +1,5 @@ + +// \ No newline at end of file diff --git a/src/app/assets/svg/file.svg b/src/app/assets/svg/file.svg index ab490a2..6f6bdad 100644 --- a/src/app/assets/svg/file.svg +++ b/src/app/assets/svg/file.svg @@ -3,3 +3,4 @@ +// \ No newline at end of file diff --git a/src/app/assets/svg/finalproject-main.svg b/src/app/assets/svg/finalproject-main.svg deleted file mode 100644 index 43227af..0000000 --- a/src/app/assets/svg/finalproject-main.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/src/app/assets/svg/letsdrawmypp.svg b/src/app/assets/svg/letsdrawmypp.svg index 2123870..227ec61 100644 --- a/src/app/assets/svg/letsdrawmypp.svg +++ b/src/app/assets/svg/letsdrawmypp.svg @@ -1,3 +1,4 @@ +// diff --git a/src/app/assets/svg/minimize.svg b/src/app/assets/svg/minimize.svg index 1019533..404e035 100644 --- a/src/app/assets/svg/minimize.svg +++ b/src/app/assets/svg/minimize.svg @@ -1 +1,2 @@ - \ No newline at end of file + +// \ No newline at end of file diff --git a/src/app/assets/svg/myPageBackground.svg b/src/app/assets/svg/myPageBackground.svg index dbd4052..fb476ab 100644 --- a/src/app/assets/svg/myPageBackground.svg +++ b/src/app/assets/svg/myPageBackground.svg @@ -1,3 +1,4 @@ +// diff --git a/src/app/assets/svg/nextjs.svg b/src/app/assets/svg/nextjs.svg index 2a973f8..c688d21 100644 --- a/src/app/assets/svg/nextjs.svg +++ b/src/app/assets/svg/nextjs.svg @@ -1,5 +1,6 @@ - +// + diff --git a/src/app/assets/svg/plus.svg b/src/app/assets/svg/plus.svg index d0d133a..fd40737 100644 --- a/src/app/assets/svg/plus.svg +++ b/src/app/assets/svg/plus.svg @@ -2,3 +2,4 @@ +// \ No newline at end of file diff --git a/src/app/assets/svg/sc-location-icon.svg b/src/app/assets/svg/sc-location-icon.svg index 00fb677..3abe046 100644 --- a/src/app/assets/svg/sc-location-icon.svg +++ b/src/app/assets/svg/sc-location-icon.svg @@ -2,3 +2,4 @@ +// \ No newline at end of file diff --git a/src/app/components/commonComponents/VisibilityEyes.tsx b/src/app/components/commonComponents/VisibilityEyes.tsx index 2821740..2f0809e 100644 --- a/src/app/components/commonComponents/VisibilityEyes.tsx +++ b/src/app/components/commonComponents/VisibilityEyes.tsx @@ -25,7 +25,9 @@ const VisibilityEyes: React.FC = ({ transform: translateY(-50%); padding: 5px; border-radius: 50%; - transition: width 0.2s, height 0.2s; + transition: + width 0.2s, + height 0.2s; cursor: pointer; &:hover { border: 1px solid ${commonColor.representative}; diff --git a/src/app/styleComponents/homePageStyles/HomePageStyles.ts b/src/app/styleComponents/homePageStyles/HomePageStyles.ts index 3a46a4e..7c863e2 100644 --- a/src/app/styleComponents/homePageStyles/HomePageStyles.ts +++ b/src/app/styleComponents/homePageStyles/HomePageStyles.ts @@ -45,19 +45,6 @@ export const dropdownMenuStyle = css` z-index: 1; `; -export const dropdownCompanyMenuStyle = css` - position: absolute; - top: 40px; - right: 55px; - width: 140px; - height: 90px; - line-height: 35px; - background-color: white; - box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); - padding: 12px 16px; - z-index: 1; -`; - export const buttonStyle = (backgroundColor: string, color: string) => css` ${flexCenterX2}; width: 78px; @@ -75,46 +62,6 @@ export const buttonStyle = (backgroundColor: string, color: string) => css` cursor: pointer; `; -export const homeTitleStyle = () => css` - font-weight: 700; - font-size: 40px; - line-height: 48px; - color: #242424; -`; - -export const homeMenuStyle = () => css` - display: flex; - font-weight: 600; - font-size: 24px; - line-height: 29px; - justify-content: flex-start; - margin-left: 80px; - span { - margin-right: 20px; - cursor: pointer; - - &:last-child { - margin-right: 0; - } - } - - // @media (max-width: 1023px) { - // font-size: 20px; - // margin-left: 40px; - // span { - // margin-right: 15px; - // } - // } - - // @media (max-width: 767px) { - // font-size: 16px; - // margin-left: 20px; - // span { - // margin-right: 10px; - // } - // } -`; - export const homeButtonContainer = () => css` ${flexCenterX2}; margin-left: 20px; @@ -124,18 +71,6 @@ export const homeButtonContainer = () => css` } `; -export const titleAndMenuStyle = css` - display: flex; - align-items: center; - flex-wrap: wrap; - justify-content: flex-start; -`; - -export const titleAndMenuStylePalette = css` - ${flexCenterX2}; - margin-left: 20px; -`; - export const mainArticle = css` ${flexCenterX2}; @@ -145,21 +80,6 @@ export const mainArticle = css` export const mainArticleRightSide = css` flex: 1; height: 100%; - - // ${flexCenterX2}; - // margin-left: 10px; - // margin-top: 10px; - // margin-right: 10px; - // display: flex; - - // height: auto; - // flex-direction: column; - // align-items: flex-start; - // p { - // font-weight: 600; - // font-size: 16px; - // line-height: 19px; - // } `; export const mainBodyFlex = css` @@ -170,58 +90,6 @@ export const mainBodyFlex = css` gap: 20px; `; -export const mainArticleLeftSide = css` - flex: 1; - position: relative; - text-align: center; -`; - -export const drowPortpoilotextContainer = css` - position: absolute; - top: 0; - left: 1vw; - width: 100%; - height: 100%; - display: flex; - flex-direction: column; - justify-content: center; - align-items: flex-start; - text-align: center; -`; - -export const portpoiloText1 = css` - width: 234px; - display: flex; - justify-content: flex-start; - flex-direction: column; - align-items: flex-start; -`; - -export const portpoiloText2 = css` - color: white !important; - display: flex; - flex-direction: column; - margin-top: 10px; - color: white !important; - font-weight: 400; - font-size: 15px; - line-height: 20px; - align-items: flex-start; -`; - -export const letsDrawMyPortpoiloImage = css` - width: 100%; - height: 100%; - position: relative; - z-index: -1; -`; - -export const mainArticleMiddle = css` - flex: 4; - height: 100%; - min-width: 800px; -`; - export const wantedCss = css` font-style: normal; font-weight: 600; @@ -236,18 +104,6 @@ export const wantedCss = css` margin-top: 15px; `; -export const wantedCss1 = css` - margin-top: 25px; - font-style: normal; - font-weight: 600; - font-size: 24px; - line-height: 29px; - height: 179px; - align-items: center; - display: flex; - flex-direction: column; -`; - export const homepageFooterContainer = css` background-color: #efefef; margin-top: 10px; @@ -260,13 +116,6 @@ export const homepageFooterContainer = css` font-size: 10px; `; -export const paletteFooterLogo = css` - font-weight: 700; - font-size: 30px; - line-height: 48px; - color: #242424; -`; - export const footerInfomation = css` margin-left: 80px; `; diff --git a/src/app/styleComponents/workspaceStyles/projectStyles.ts b/src/app/styleComponents/workspaceStyles/projectStyles.ts index 9f6bfcc..0886764 100644 --- a/src/app/styleComponents/workspaceStyles/projectStyles.ts +++ b/src/app/styleComponents/workspaceStyles/projectStyles.ts @@ -78,16 +78,6 @@ export const workspaceProjectStyles = { ], }; -export const projectHeader = { - width: "69vw", - display: "flex", - marginLeft: "9rem", -}; - -export const projectHeaderColumn = { - diplay: "flex", -}; - export const arrowImg = { verticalAlign: "end", }; @@ -105,131 +95,3 @@ export const divider = { marginTop: "0.9rem", marginBottom: "0.9rem", }; - -export const projectAdd = { - width: "90px", - display: "flex", - color: "#ff8a00", - backgroundColor: "white", - border: "2px solid #ff8a00", - padding: "0.3rem", - borderRadius: "0.5rem", -}; - -export const ContentContainer = { - width: "70vw", - height: "150px", - display: "flex", - alignItems: "center", - marginTop: "3rem", - marginLeft: "9rem", -}; - -export const AddProjectButtonContainer = { - width: "120px", - height: "45px", - display: "flex", - alignItems: "center", - marginTop: "1rem", - backgroundColor: "#FF8A00", - borderRadius: "0.5rem", - boxShadow: "0px 1px 4px 1px gray", -}; - -export const text = { - color: "#C1C1C1", - fontSize: "1.2rem", -}; - -export const text2 = { - color: "#FF8A00", - fontSize: "1.5rem", - fontWeight: "bold", - marginTop: "0.5rem", -}; -export const AddProjectButton = { - width: "100px", - height: "40px", - backgroundColor: "#FF8A00", - border: "none", - fontSize: "1rem", - color: "white", - borderRadius: "0.5rem", -}; - -export const plus = { - width: "25px", - height: "25px", - verticalAlign: "center", - marginRight: "0.5rem", -}; - -export const trashHeader = { - display: "flex", - width: "100%", - justifyContent: "flex-end", -}; - -export const projectContainer = { - height: "230px", - width: "230px", - display: "flex", - // justifyContent: "space-between", - border: "2px solid #c1c1c1", - borderRadius: "1rem", - paddingLeft: "1rem", - padding: "1.5rem", -}; - -export const projectContent = { - display: "flex", - marginBottom: "0.5rem", - marginRight: "1rem", - marginTop: "1rem", -}; - -export const projectPeriod = { - fontSize: "0.8rem", - color: "gray", - fontWeight: "bold", - marginBottom: " 0.5rem", -}; - -export const projectPersonnel = { - fontSize: "0.8rem", - color: "#c1c1c1", - marginBottom: " 0.5rem", -}; - -export const projectOutline = { - fontSize: "0.8rem", - fontWight: "bold", - marginTop: "0.5rem", -}; - -export const projectTitle = { - fontSize: "1.2rem", - fontWeight: "bold", -}; - -export const projectDivider = { - width: "170px", - borderBottom: "1px solid gray", - marginTop: "0.9rem", -}; -export const techStackContainer = { - display: "flex", - height: "30%", -}; - -export const techStackImg = { - border: "1px solid gray", - borderRadius: "50%", - margin: "0.1rem", - padding: "0.1rem", -}; - -export const emptyContainer = { - width: "100%", - height: "30vh", -};