diff --git a/src/assets/css/ootd/ootd-detail.css b/src/assets/css/ootd/ootd-detail.css index 0ddab0ec..71246da0 100644 --- a/src/assets/css/ootd/ootd-detail.css +++ b/src/assets/css/ootd/ootd-detail.css @@ -316,7 +316,7 @@ display: flex; justify-content: center; align-items: center; - width: fit-content; + width: 60px; } .ootd-detail-size-info-text { @@ -348,7 +348,7 @@ display: flex; justify-content: center; align-items: center; - width: fit-content; + width: 12vw; } .ootd-detail-fashion-size-info-text { @@ -358,6 +358,8 @@ font-style: normal; font-weight: 300; line-height: normal; + + width: 40px; } .ootd-detail-fashion-size-real-info-text { @@ -367,6 +369,11 @@ font-style: normal; font-weight: 400; line-height: normal; + + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } .ootd-detail-tag-info-wrapper { diff --git a/src/assets/css/ootd/ootd-post-comment.css b/src/assets/css/ootd/ootd-post-comment.css index 53081780..fb8188eb 100644 --- a/src/assets/css/ootd/ootd-post-comment.css +++ b/src/assets/css/ootd/ootd-post-comment.css @@ -252,7 +252,7 @@ display: flex; padding: 0.3125rem; align-items: flex-start; - justify-content: space-between; + justify-content: flex-start; width: 99%; margin-bottom: 1vh; @@ -263,12 +263,14 @@ .ootd-detail-reply-input-wrapper { display: flex; - justify-content: center; + justify-content: flex-start; align-items: center; + width: 97%; gap: 0.625rem; } .ootd-detail-reply-input { + width: 97%; font-family: The Jamsil; font-size: 0.9rem; font-style: normal; diff --git a/src/assets/css/ootd/ootd-post-create.css b/src/assets/css/ootd/ootd-post-create.css index 2ae0f656..1da910bf 100644 --- a/src/assets/css/ootd/ootd-post-create.css +++ b/src/assets/css/ootd/ootd-post-create.css @@ -172,7 +172,7 @@ input::-webkit-inner-spin-button { .div-wrapper { display: flex; - width: fit-content; + width: 10vw; height: 2vh; padding: 0.3vw; justify-content: center; @@ -191,6 +191,11 @@ input::-webkit-inner-spin-button { font-style: normal; font-weight: 300; line-height: normal; + + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } .div-8 { @@ -279,7 +284,7 @@ input::-webkit-inner-spin-button { .text-wrapper-7 { color: var(--Grayscale1, #FFF); font-family: The Jamsil; - font-size: 0.8vw; + font-size: 0.7vw; font-style: normal; font-weight: 300; line-height: normal; diff --git a/src/assets/css/ootd/ootd-post-update.css b/src/assets/css/ootd/ootd-post-update.css index 46c1f33c..ed1c73e6 100644 --- a/src/assets/css/ootd/ootd-post-update.css +++ b/src/assets/css/ootd/ootd-post-update.css @@ -172,7 +172,7 @@ input::-webkit-inner-spin-button { .div-wrapper { display: flex; - width: fit-content; + width: 10vw; height: 2vh; padding: 0.3vw; justify-content: center; @@ -191,6 +191,11 @@ input::-webkit-inner-spin-button { font-style: normal; font-weight: 300; line-height: normal; + + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } .div-8 { @@ -283,7 +288,7 @@ input::-webkit-inner-spin-button { .text-wrapper-7 { color: var(--Grayscale1, #FFF); font-family: The Jamsil; - font-size: 0.8vw; + font-size: 0.7vw; font-style: normal; font-weight: 300; line-height: normal; diff --git a/src/components/ootd/OOTDPostCommentComponent.vue b/src/components/ootd/OOTDPostCommentComponent.vue index 4ea63ae6..be4c72df 100644 --- a/src/components/ootd/OOTDPostCommentComponent.vue +++ b/src/components/ootd/OOTDPostCommentComponent.vue @@ -238,9 +238,9 @@ const onDeleteReplyComment = async (commentId: number) => { @keyup.enter='onSubmitReplyComment(comment.id)' /> -