[Refactor/#17] 비율 확장함수 적용

Author: doyeon0307

app/src/main/java/com/poti/android/core/designsystem/component/modal/PotiLargeModal.kt

@@ -8,7 +8,6 @@ import androidx.compose.foundation.layout.ColumnScope
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.size
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
@@ -18,6 +17,9 @@ import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.poti.android.R
+import com.poti.android.core.common.extension.heightForScreenPercentage
+import com.poti.android.core.common.extension.widthForScreenPercentage
+import com.poti.android.core.common.util.screenWidthDp
 import com.poti.android.core.designsystem.component.button.ModalButtonType
 import com.poti.android.core.designsystem.component.button.PotiModalButton
 import com.poti.android.core.designsystem.theme.PotiTheme
@@ -60,14 +62,14 @@ fun PotiLargeModal(
 
     PotiModal(
         onDismissRequest = onDismissRequest,
-        modifier = modifier.padding(horizontal = 36.dp),
+        modifier = modifier.padding(horizontal = screenWidthDp(36.dp)),
         dismissOnBackPress = dismissOnBackPress,
         dismissOnClickOutside = dismissOnClickOutside,
     ) {
         Column(
             modifier = Modifier
                 .fillMaxWidth()
-                .padding(horizontal = 16.dp)
+                .padding(horizontal = screenWidthDp(16.dp))
                 .padding(top = 36.dp, bottom = if (hasSubBtn) 12.dp else 16.dp),
             horizontalAlignment = Alignment.CenterHorizontally,
         ) {
@@ -93,7 +95,8 @@ fun PotiLargeModal(
                     contentDescription = null,
                     modifier = Modifier
                         .padding(vertical = 24.dp)
-                        .size(180.dp),
+                        .heightForScreenPercentage(180.dp)
+                        .widthForScreenPercentage(180.dp),
                     contentScale = ContentScale.Crop,
                 )
             }

app/src/main/java/com/poti/android/core/designsystem/component/modal/PotiSmallModal.kt

@@ -17,6 +17,8 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
+import com.poti.android.core.common.util.screenHeightDp
+import com.poti.android.core.common.util.screenWidthDp
 import com.poti.android.core.designsystem.component.button.ModalButtonType
 import com.poti.android.core.designsystem.component.button.PotiFloatingButton
 import com.poti.android.core.designsystem.component.button.PotiModalButton
@@ -58,7 +60,10 @@ fun PotiSmallModal(
         Column(
             modifier = Modifier
                 .fillMaxWidth()
-                .padding(all = 16.dp),
+                .padding(
+                    vertical = screenHeightDp(16.dp),
+                    horizontal = screenWidthDp(16.dp),
+                ),
             horizontalAlignment = Alignment.CenterHorizontally,
         ) {
             Text(