[Refactor] 디자인 수정,카카오페이 디폴트값 선택 (#394)

beyond-sw-camp · Oct 18, 2024 · 708a59c · 708a59c
1 parent af9f2d9
commit 708a59c
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 13 deletions.
diff --git a/frontend/src/pages/payment/OrderPaymentPage.vue b/frontend/src/pages/payment/OrderPaymentPage.vue
@@ -660,15 +660,15 @@
                           data-v-02c06866=""
                           class="BaseRadio__button"
                         >
-                          <!--                        class="BaseRadio__buttonOuterCircle" todo 원래 아래 span 클래스 내용-->
+                          <!--                        class="BaseRadio__buttonOuterCircle" todo 원래 아래 span 클래스 내용  circle-border 로 고치기 -->
                           <span
                             data-v-02c06866=""
-                            :class="{ 'circle-border': payment === '2' }"
+                            :class="{ 'BaseRadio__buttonOuterCircle': payment === '2' }"
                           >
-                            <!--  class="BaseRadio__buttonInnerCircle" todo 원래 아래 span 클래스 내용-->
+                            <!--  class="BaseRadio__buttonInnerCircle" todo 원래 아래 span 클래스 내용 circle-inner로 고치기-->
                             <span
                               data-v-02c06866=""
-                              :class="{ 'circle-inner': payment === '2' }"
+                              :class="{ 'BaseRadio__buttonInnerCircle': payment === '2' }"
                             ></span></span></span
                         ><span
                           data-v-02c06866=""
@@ -1101,7 +1101,7 @@ export default {
   },
   data() {
     return {
-      payment: null,
+      payment: '2',
       isNoticeOn: false,
       productPrice: 0,
       totalPrice: 0,
@@ -1194,6 +1194,12 @@ export default {
 .circle-inner {
   background-color: #ef7014 !important;
 }
+.BaseRadio__buttonOuterCircle{
+  border: 1px solid #222222 !important;
+}
+.BaseRadio__buttonInnerCircle{
+  background-color: #222222 !important;
+}
 .notice-off {
   display: none;
 }

diff --git a/frontend/src/pages/payment/PresentPaymentPage.vue b/frontend/src/pages/payment/PresentPaymentPage.vue
@@ -734,17 +734,17 @@
                           data-v-02c06866=""
                           class="BaseRadio__button"
                         >
-                          <!--                        class="BaseRadio__buttonOuterCircle" todo 원래 아래 span 클래스 내용-->
+                          <!--                        class="BaseRadio__buttonOuterCircle" todo 원래 아래 span 클래스 내용  circle-border 로 고치기 -->
                           <span
-                            data-v-02c06866=""
-                            :class="{ 'circle-border': payment === '2' }"
+                              data-v-02c06866=""
+                              :class="{ 'BaseRadio__buttonOuterCircle': payment === '2' }"
                           >
-                            <!--  class="BaseRadio__buttonInnerCircle" todo 원래 아래 span 클래스 내용-->
+                            <!--  class="BaseRadio__buttonInnerCircle" todo 원래 아래 span 클래스 내용 circle-inner로 고치기-->
                             <span
-                              data-v-02c06866=""
-                              :class="{ 'circle-inner': payment === '2' }"
+                                data-v-02c06866=""
+                                :class="{ 'BaseRadio__buttonInnerCircle': payment === '2' }"
                             ></span></span></span
-                        ><span
+                      ><span
                           data-v-02c06866=""
                           class="BaseRadio__text"
                           style="color: rgb(51, 51, 51)"
@@ -1168,7 +1168,7 @@ import swal from 'sweetalert2';
 export default {
   data() {
     return {
-      payment: null,
+      payment: '2',
       isNoticeOn: false,
       productPrice: 0,
       totalPrice: 0,
@@ -1268,6 +1268,12 @@ export default {
 .circle-inner {
   background-color: #ef7014 !important;
 }
+.BaseRadio__buttonOuterCircle{
+  border: 1px solid #222222 !important;
+}
+.BaseRadio__buttonInnerCircle{
+  background-color: #222222 !important;
+}
 .notice-off {
   display: none;
 }