diff --git a/Werkout_watch Watch App/ContentView.swift b/Werkout_watch Watch App/ContentView.swift index 8b960c3..e22b9d2 100644 --- a/Werkout_watch Watch App/ContentView.swift +++ b/Werkout_watch Watch App/ContentView.swift @@ -13,25 +13,51 @@ struct ContentView: View { var body: some View { VStack { - if let model = vm.watchPackageModel { - Text(model.currentExerciseName) - - Text("\(model.currentTimeLeft )") - } - - if let heartValue = vm.heartValue { - HStack { - Image(systemName: "heart.fill") - Text("\(heartValue)") + HStack { + if let model = vm.watchPackageModel { + Text(model.currentExerciseName) + .font(Font.system(size: 55)) + .scaledToFit() + .minimumScaleFactor(0.01) + .lineLimit(1) + .foregroundColor(.white) + Divider() + Text("\(model.currentTimeLeft )") + .font(Font.system(size: 55)) + .scaledToFit() + .minimumScaleFactor(0.01) + .lineLimit(1) + .foregroundColor(.white) } } - Button(action: { - vm.nextExercise() - }, label: { - Image(systemName: "arrow.forward") - .font(.title) + + HStack { + if let heartValue = vm.heartValue { + VStack { + Image(systemName: "heart.fill") + .font(Font.system(size: 22)) + .scaledToFit() + .minimumScaleFactor(0.01) + .lineLimit(1) + .foregroundColor(.red) + Text("\(heartValue)") + .font(Font.system(size: 55)) + .scaledToFit() + .minimumScaleFactor(0.01) + .lineLimit(1) + .foregroundColor(.red) + } .frame(maxWidth: .infinity, maxHeight: .infinity) - }) + } + Button(action: { + vm.nextExercise() + }, label: { + Image(systemName: "arrow.forward") + .font(.title) + .frame(maxWidth: .infinity, maxHeight: .infinity) + }) + .buttonStyle(BorderedButtonStyle(tint: .blue)) + } } .padding() }