#62 [ui] 하단 버튼 구현

TeamHous · Jul 16, 2022 · 9b96112 · 9b96112
1 parent 0834d91
commit 9b96112
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 2 deletions.
diff --git a/app/src/main/java/com/hous/hous_aos/ui/editrules/EditRulesScreen.kt b/app/src/main/java/com/hous/hous_aos/ui/editrules/EditRulesScreen.kt
@@ -1,7 +1,30 @@
 package com.hous.hous_aos.ui.editrules
 
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+import com.hous.hous_aos.ui.editrules.component.RuleDeleteButton
+import com.hous.hous_aos.ui.editrules.component.RuleEditButton
 
 @Composable
 fun EditRulesScreen() {
+    Column(
+        modifier = Modifier.padding(20.dp)
+    ) {
+        LazyColumn {
+            item {
+                Row {
+                    RuleDeleteButton()
+                    Spacer(modifier = Modifier.size(16.dp))
+                    RuleEditButton()
+                }
+            }
+        }
+    }
 }
diff --git a/app/src/main/java/com/hous/hous_aos/ui/editrules/component/RuleDeleteButton.kt b/app/src/main/java/com/hous/hous_aos/ui/editrules/component/RuleDeleteButton.kt
@@ -11,6 +11,7 @@ import androidx.compose.material.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
 import androidx.compose.ui.res.colorResource
 import androidx.compose.ui.text.font.FontStyle
 import androidx.compose.ui.tooling.preview.Preview
@@ -21,14 +22,15 @@ import com.hous.hous_aos.R
 fun RuleDeleteButton() {
     Box(
         modifier = Modifier
+            .width(152.dp)
+            .height(48.dp)
             .border(
                 width = 1.dp,
                 color = colorResource(id = R.color.hous_blue),
                 shape = RoundedCornerShape(15.dp)
             )
+            .clip(shape = RoundedCornerShape(15.dp))
             .background(color = colorResource(id = R.color.hous_blue_bg))
-            .width(152.dp)
-            .height(48.dp)
             .clickable { /* 삭제 함수 */ }
     ) {
         Text(