From bf6617c06f385e958e129168664800fcf1bdd489 Mon Sep 17 00:00:00 2001 From: dennis0405 Date: Tue, 11 Aug 2026 17:25:30 +0900 Subject: [PATCH 1/4] fix(mobile): enlarge registration category labels --- .../register-club/screens/CategorySelectionScreen/index.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/apps/mobile/src/features/register-club/screens/CategorySelectionScreen/index.tsx b/apps/mobile/src/features/register-club/screens/CategorySelectionScreen/index.tsx index 3f5d65ea..264b25b5 100644 --- a/apps/mobile/src/features/register-club/screens/CategorySelectionScreen/index.tsx +++ b/apps/mobile/src/features/register-club/screens/CategorySelectionScreen/index.tsx @@ -144,7 +144,8 @@ const styles = StyleSheet.create({ textAlign: "left", }, categoryText: { - ...typography.bodyMMedium, + ...typography.headerXLSemibold, + lineHeight: vs(30), color: Colors.BODYTEXT_DISABLED, textAlign: "center", }, From 4a76530a1dd7d2302f2475d1bf9e2695a66f10e4 Mon Sep 17 00:00:00 2001 From: dennis0405 Date: Tue, 11 Aug 2026 17:27:29 +0900 Subject: [PATCH 2/4] fix(mobile): restore manage club sheet layout --- .../components/ManageClubView/index.tsx | 37 +++++++++++-------- .../shared/contexts/manageClubBottomSheet.tsx | 20 +++++++++- 2 files changed, 40 insertions(+), 17 deletions(-) diff --git a/apps/mobile/src/shared/components/ManageClubView/index.tsx b/apps/mobile/src/shared/components/ManageClubView/index.tsx index dbaaecd9..5d10536b 100644 --- a/apps/mobile/src/shared/components/ManageClubView/index.tsx +++ b/apps/mobile/src/shared/components/ManageClubView/index.tsx @@ -3,6 +3,7 @@ import { StyleSheet, Text, TouchableOpacity, View } from "react-native"; import AlertModal from "@/shared/components/AlertModal"; import { Colors } from "@/shared/constants/colors"; import { SCREEN_TYPE } from "@/shared/constants/screen"; +import { typography } from "@/shared/constants/typography"; import { navigation } from "@/shared/utils/navigation"; type Props = { @@ -110,62 +111,68 @@ export default ManageClubView; const styles = StyleSheet.create({ container: { + flex: 1, paddingHorizontal: 20, paddingTop: 30, paddingBottom: 50, - backgroundColor: Colors.BACKGROUND_MAIN, + borderTopLeftRadius: 12, + borderTopRightRadius: 12, + backgroundColor: Colors.WHITE, }, title: { + ...typography.headerXLSemibold, fontSize: 18, - fontWeight: "600", - color: "#181818", - marginBottom: 20, + lineHeight: 24, + color: Colors.BODYTEXT_MAIN, + padding: 10, + marginBottom: 10, }, optionButton: { + height: 54, paddingHorizontal: 20, paddingVertical: 15, borderRadius: 8, alignItems: "flex-start", - marginBottom: 12, + marginBottom: 10, }, optionButtonUnselected: { borderWidth: 1, - borderColor: "#C1C1C1", - backgroundColor: "#FFFFFF", + borderColor: Colors.BODYTEXT_DISABLED, + backgroundColor: Colors.WHITE, }, optionButtonSelected: { - backgroundColor: "#EAEAEA", + backgroundColor: Colors.TEXTBOX_SELECTED, borderWidth: 0, }, optionButtonText: { + ...typography.bodyMMedium, fontSize: 16, - fontWeight: "500", + lineHeight: 24, textAlign: "left", width: "100%", }, optionButtonTextUnselected: { - color: "#C1C1C1", + color: Colors.BODYTEXT_DISABLED, }, optionButtonTextSelected: { - color: "#757474", + color: Colors.BODYTEXT_SUB, }, button: { + height: 44, paddingHorizontal: 50, paddingVertical: 12, - minHeight: 48, borderRadius: 8, backgroundColor: Colors.BUTTON_SELECTED, alignItems: "center", justifyContent: "center", - marginTop: 16, width: "100%", }, buttonDisabled: { backgroundColor: Colors.TEXTBOX_UNSELECTED, }, buttonText: { - fontSize: 16, - fontWeight: "600", + ...typography.headerL, + lineHeight: 20, color: Colors.TEXT_BUTTON_SELECTED, }, buttonTextDisabled: { diff --git a/apps/mobile/src/shared/contexts/manageClubBottomSheet.tsx b/apps/mobile/src/shared/contexts/manageClubBottomSheet.tsx index f07317d8..2648c361 100644 --- a/apps/mobile/src/shared/contexts/manageClubBottomSheet.tsx +++ b/apps/mobile/src/shared/contexts/manageClubBottomSheet.tsx @@ -12,8 +12,9 @@ import { useEffect, useRef, } from "react"; -import { BackHandler } from "react-native"; +import { BackHandler, StyleSheet } from "react-native"; import ManageClubView from "@/shared/components/ManageClubView"; +import { Colors } from "@/shared/constants/colors"; const ManageClubBottomSheetContext = createContext<{ openBottomSheet: () => void; @@ -89,15 +90,30 @@ export const ManageClubBottomSheetProvider = ({ children }: Props) => { isBottomSheetOpenRef.current = false; }} backdropComponent={renderBackdrop} + backgroundStyle={styles.background} // Remove the default handle visible on top of the sheet to match Figma handleComponent={() => null} enableHandlePanningGesture={false} handleIndicatorStyle={{ height: 0 }} > - + ); }; + +const styles = StyleSheet.create({ + background: { + backgroundColor: Colors.WHITE, + borderTopLeftRadius: 12, + borderTopRightRadius: 12, + }, + content: { + flex: 1, + borderTopLeftRadius: 12, + borderTopRightRadius: 12, + overflow: "hidden", + }, +}); From ad254e888b6ff9d2355bb7465725ce61e8ccf9cc Mon Sep 17 00:00:00 2001 From: dennis0405 Date: Tue, 11 Aug 2026 17:27:51 +0900 Subject: [PATCH 3/4] fix(mobile): enlarge edit category labels --- .../src/features/club/screens/ClubInfoEditScreen/index.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/apps/mobile/src/features/club/screens/ClubInfoEditScreen/index.tsx b/apps/mobile/src/features/club/screens/ClubInfoEditScreen/index.tsx index 8d541062..325cb644 100644 --- a/apps/mobile/src/features/club/screens/ClubInfoEditScreen/index.tsx +++ b/apps/mobile/src/features/club/screens/ClubInfoEditScreen/index.tsx @@ -1329,7 +1329,8 @@ const styles = StyleSheet.create({ borderColor: Colors.BUTTON_SELECTED, }, categoryText: { - ...typography.bodyMMedium, + ...typography.headerXLSemibold, + lineHeight: vs(30), color: Colors.BODYTEXT_DISABLED, textAlign: "center", }, From b64308bcde702b7b0be0d8c7b90d2f15a893b36a Mon Sep 17 00:00:00 2001 From: dennis0405 Date: Tue, 11 Aug 2026 17:30:56 +0900 Subject: [PATCH 4/4] fix(mobile): update verification sticker copy --- .../components/ClubDetail/VerificationOverlay.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/apps/mobile/src/features/club/components/ClubDetail/VerificationOverlay.tsx b/apps/mobile/src/features/club/components/ClubDetail/VerificationOverlay.tsx index ff9a323b..26b7bdd8 100644 --- a/apps/mobile/src/features/club/components/ClubDetail/VerificationOverlay.tsx +++ b/apps/mobile/src/features/club/components/ClubDetail/VerificationOverlay.tsx @@ -43,15 +43,15 @@ const VerificationOverlay = ({ status, visible, style, onLayout }: Props) => { > {status === "VERIFIED" ? ( - {"서울대학교총동아리연합회 "} - 정등록 동아리 - {"에요!"} + {"올클 "} + 공식인증이 완료 + {"된 동아리에요!"} ) : ( - {"서울대학교총동아리연합회에서 "} - 아직 심사중 - {"이에요."} + {"아직 올클 "} + 공식인증 심사중 + {"인 동아리에요."} )}