chore: resolving the issue of text-indent not being applied on mobile…

… devices (#4918) Signed-off-by: NaYeong,Kim <[email protected]>
cloudforet-io · Oct 29, 2024 · 4a5e8c2 · 4a5e8c2
1 parent 2307ca3
commit 4a5e8c2
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/mirinae/src/feedbacks/modals/button-modal/PButtonModal.vue b/packages/mirinae/src/feedbacks/modals/button-modal/PButtonModal.vue
@@ -30,7 +30,7 @@
                                          class="header-img"
                                          color="inherit transparent"
                                     />
-                                    {{ headerTitle }}
+                                    <span class="header-title">{{ headerTitle }}</span>
                                 </span>
                             </slot>
                             <p-icon-button v-if="!hideHeaderCloseButton"
@@ -308,6 +308,12 @@ export default defineComponent<ButtonModalProps>({
                     .modal-alert {
                         @apply text-red-400;
                     }
+
+                    @screen mobile {
+                        .header-title {
+                            text-indent: 2rem;
+                        }
+                    }
                 }
             }