[FIX/#113] 온보딩 3단계 프로그레스바 수정

Author: leeyebeen-dev

DMU-iOS/DMU-iOS/Features/Onboarding/Views/Onboarding-Step-Three.swift

@@ -77,40 +77,43 @@ struct OnboardingStepThreeTitleView: View {
 struct OnboardingStepThreeProgressBarView: View {
 
     var body: some View {
-        VStack(alignment: .center) {
-            HStack {
-                Circle()
-                    .frame(width: 12, height: 12)
-                    .foregroundColor(Color.Gray300)
-                
-                Spacer()
-                
-                Circle()
-                    .frame(width: 12, height: 12)
-                    .foregroundColor(Color.Gray300)
-                
-                Spacer()
+        GeometryReader { geometry in
+            VStack(alignment: .center) {
+                HStack {
+                    Circle()
+                        .frame(width: 12, height: 12)
+                        .foregroundColor(Color.Gray300)
+                    
+                    Spacer()
+                    
+                    Circle()
+                        .frame(width: 12, height: 12)
+                        .foregroundColor(Color.Gray300)
+                    
+                    Spacer()
+                    
+                    Circle()
+                        .frame(width: 12, height: 12)
+                        .foregroundColor(Color.Blue300)
+                }
+                .frame(width: geometry.size.width * 0.6, height: 2)
+                .background(Color.Gray300)
 
-                Circle()
-                    .frame(width: 12, height: 12)
-                    .foregroundColor(Color.Blue300)
-            }
-            .frame(width: 240, height: 2)
-            .background(Color.Gray300)
-            
-            HStack {
-                Spacer()
+                HStack {
+                    Spacer()
+                    
+                    Text("알림 설정")
+                        .foregroundColor(Color.Blue300)
+                        .font(.Bold16)
+                        .environment(\.sizeCategory, .large)
+                        .padding(.top, 10)
+                }
+                .padding(.trailing, geometry.size.width * 0.14)
 
-                Text("알림 설정")
-                    .foregroundColor(Color.Blue300)
-                    .font(.Bold16)
-                    .environment(\.sizeCategory, .large)
-                    .padding(.top, 10)
             }
-            .padding(.trailing, 49)
-            
+            .padding(.top, 40)
         }
-        .padding(.top, 40)
+        .frame(height: 82)
     }
 }