[기능] CLAUDE.md 파일 추가 및 package.json, package-lock.json 생성

This commit is contained in:
2026-02-02 22:12:32 +09:00
parent 7f7babecc0
commit 406048dd35
45 changed files with 1903 additions and 1673 deletions

View File

@@ -148,7 +148,6 @@ pre {
padding-top: 2rem;
padding-bottom: 1.8rem;
padding-left: 2rem;
background-color: #f3f3f3;
}
.contentWarp .mypageWarp .leftLnbWarp .lnbList::before {
content: "";
@@ -166,6 +165,9 @@ pre {
content: none;
}
}
.contentWarp .mypageWarp .leftLnbWarp .lnbList {
background-color: #f3f3f3;
}
@media (min-width: 768px) {
.contentWarp .mypageWarp .leftLnbWarp .lnbList {
margin-top: 6.5rem;
@@ -185,8 +187,6 @@ pre {
}
}
.contentWarp .mypageWarp .leftLnbWarp .lnbList ul li {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.contentWarp .mypageWarp .leftLnbWarp .lnbList ul li:last-child {
@@ -421,8 +421,7 @@ pre {
.contentWarp .mypageWarp .rightConWarp .myItemWarp > div .itemListWarp > ul > li .cartItem .cartItemInfo > div > p img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
object-fit: cover;
border-radius: 0.6rem;
aspect-ratio: 1/1;
}
@@ -487,7 +486,7 @@ pre {
}
@media (min-width: 1025px) {
.contentWarp .mypageWarp .rightConWarp .myItemWarp > div .itemListWarp > ul > li .cartItem .cartItemInfo > div dl dt,
.contentWarp .mypageWarp .rightConWarp .myItemWarp > div .itemListWarp > ul > li .cartItem .cartItemInfo > div dl dd {
.contentWarp .mypageWarp .rightConWarp .myItemWarp > div .itemListWarp > ul > li .cartItem .cartItemInfo > div dl dd {
-webkit-line-clamp: 2;
}
}
@@ -1842,7 +1841,7 @@ pre {
}
@media (max-width: 501px) {
.contentWarp .mypageWarp .rightConWarp .questionsView .usrQuestions > div .badge,
.contentWarp .mypageWarp .rightConWarp .questionsView .adminAnswer > div .badge {
.contentWarp .mypageWarp .rightConWarp .questionsView .adminAnswer > div .badge {
width: 5.7rem;
font-size: 1.1rem;
}
@@ -1900,7 +1899,7 @@ pre {
}
@media (min-width: 768px) {
.contentWarp .mypageWarp .rightConWarp .questionsView .usrQuestions dl dd,
.contentWarp .mypageWarp .rightConWarp .questionsView .adminAnswer dl dd {
.contentWarp .mypageWarp .rightConWarp .questionsView .adminAnswer dl dd {
font-size: 1.6rem;
}
}
@@ -1919,8 +1918,6 @@ pre {
.contentWarp .mypageWarp .rightConWarp .questionsView .fileBox {
margin-top: 2rem;
background-color: #f3f3f3;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 0 1rem;
display: flex;
@@ -1929,8 +1926,6 @@ pre {
}
@media (min-width: 1025px) {
.contentWarp .mypageWarp .rightConWarp .questionsView .fileBox {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-top: 3rem;
}
@@ -1972,7 +1967,7 @@ pre {
}
@media (min-width: 1025px) {
.contentWarp .mypageWarp .rightConWarp .listbtnWarp a::before,
.contentWarp .mypageWarp .rightConWarp .listbtnWarp a::after {
.contentWarp .mypageWarp .rightConWarp .listbtnWarp a::after {
width: 3.2rem;
}
}
@@ -2051,8 +2046,6 @@ pre {
display: flex;
align-items: center;
justify-content: space-between;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@media (min-width: 1025px) {
@@ -2082,8 +2075,6 @@ pre {
}
.contentWarp .mypageWarp .rightConWarp .myAccount .myinfomation div + div {
margin-top: 3rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@media (min-width: 1025px) {
@@ -2103,7 +2094,7 @@ pre {
}
@media (min-width: 768px) {
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre h3 strong,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre h3 strong {
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre h3 strong {
font-size: 2rem;
}
}
@@ -2116,7 +2107,7 @@ pre {
}
@media (min-width: 768px) {
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre h3 p,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre h3 p {
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre h3 p {
font-size: 1.6rem;
line-height: 2.4rem;
}
@@ -2129,7 +2120,7 @@ pre {
}
@media (max-width: 768px) {
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre .unitCheck2,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .unitCheck2 {
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .unitCheck2 {
padding: 2.5rem 0 2rem 0;
}
}
@@ -2144,7 +2135,7 @@ pre {
}
@media (min-width: 768px) {
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre .unitCheck2 .info,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .unitCheck2 .info {
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .unitCheck2 .info {
font-size: 2rem;
}
}
@@ -2163,7 +2154,7 @@ pre {
}
@media (max-width: 768px) {
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre .marketingCheck,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck {
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck {
margin-top: 2rem;
}
}
@@ -2174,7 +2165,7 @@ pre {
}
@media (max-width: 768px) {
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre .marketingCheck span,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck span {
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck span {
font-size: 1.4rem;
line-height: 2.4rem;
}
@@ -2188,7 +2179,7 @@ pre {
}
@media (max-width: 768px) {
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre .marketingCheck a,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck a {
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck a {
font-size: 1.4rem;
margin-left: 0.5rem;
}
@@ -2200,7 +2191,7 @@ pre {
}
@media (max-width: 768px) {
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre .marketingCheck .btn-more,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck .btn-more {
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck .btn-more {
margin-top: 0.4rem;
}
}
@@ -2230,7 +2221,7 @@ pre {
}
@media (max-width: 768px) {
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre div label input,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre div label input {
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre div label input {
margin-top: 0.3rem;
}
}
@@ -2404,9 +2395,7 @@ pre {
position: relative;
top: -0.1rem;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
appearance: none;
border: max(1px, 0.1em) solid #05141f;
border-radius: 50%;
width: 1.5rem;
@@ -2546,8 +2535,6 @@ pre {
display: flex;
align-items: center;
justify-content: space-between;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@media (min-width: 1025px) {
@@ -2954,7 +2941,7 @@ pre {
}
@media (min-width: 1025px) {
.productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo > div dl dt,
.productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo > div dl dd {
.productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo > div dl dd {
-webkit-line-clamp: 2;
}
}
@@ -3374,8 +3361,6 @@ pre {
.productListWarp .productLis ul .noPrice .PriceGoList {
flex-wrap: nowrap;
margin: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@@ -3383,8 +3368,6 @@ pre {
.productListWarp .productLis ul .noPrice .PriceGoList {
flex-wrap: nowrap;
margin: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@@ -3403,8 +3386,6 @@ pre {
margin-top: 0;
min-width: 15rem;
margin-left: 5rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@@ -3417,15 +3398,15 @@ pre {
}
@media (min-width: 768px) {
.productListWarp .productLis ul .noPrice .PriceGoList .oneButton button::before, .productListWarp .productLis ul .noPrice .PriceGoList .oneButton button::after,
.productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::before,
.productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::after {
.productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::before,
.productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::after {
width: 3.2rem;
}
}
@media (min-width: 1025px) {
.productListWarp .productLis ul .noPrice .PriceGoList .oneButton button::before, .productListWarp .productLis ul .noPrice .PriceGoList .oneButton button::after,
.productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::before,
.productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::after {
.productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::before,
.productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::after {
width: 3.2rem;
}
}
@@ -4219,8 +4200,7 @@ pre {
.reviewWarp .flieWarp .fileList ul .imgItem .itemWrap .contents img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
object-fit: contain;
}
.reviewWarp .flieWarp .fileList ul .imgItem .delImg {
position: absolute;
@@ -4264,7 +4244,7 @@ pre {
}
@media (min-width: 1025px) {
.reviewWarp .flieWarp .fileAddBtn button span,
.reviewWarp .flieWarp .fileAddBtn label span {
.reviewWarp .flieWarp .fileAddBtn label span {
font-size: 1.6rem;
}
}
@@ -4649,8 +4629,7 @@ pre {
.reviewListWrap .componentsReview .photoArea .photoItem img {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
object-fit: contain;
}
.reviewListWrap .componentsReview .contentMoreBtn {
display: none;
@@ -4774,4 +4753,5 @@ pre {
width: auto;
}
}
/*# sourceMappingURL=mypage.css.map */
/*# sourceMappingURL=mypage.css.map */