diff --git a/Twinmoji/ContentView.swift b/Twinmoji/ContentView.swift index 80863c6..3555cc0 100644 --- a/Twinmoji/ContentView.swift +++ b/Twinmoji/ContentView.swift @@ -36,25 +36,36 @@ struct ContentView: View { @State private var playerHasWon = false var body: some View { - HStack(spacing: 0) { - PlayerButton(gameState: gameState, score: player1Score, color: .blue, onSelect: selectPlayer1) - - ZStack { - answerColor - .scaleEffect(x: answerScale, anchor: answerAnchor) - - if leftCard.isEmpty == false { - HStack { - CardView(card: leftCard, userCanAnswer: gameState != .waiting, onSelect: checkAnswer) - CardView(card: rightCard, userCanAnswer: gameState != .waiting, onSelect: checkAnswer) + ZStack(alignment: .topTrailing) { + HStack(spacing: 0) { + PlayerButton(gameState: gameState, score: player1Score, color: .blue, onSelect: selectPlayer1) + ZStack { + answerColor + .scaleEffect(x: answerScale, anchor: answerAnchor) + + if leftCard.isEmpty == false { + HStack { + CardView(card: leftCard, userCanAnswer: gameState != .waiting, onSelect: checkAnswer) + CardView(card: rightCard, userCanAnswer: gameState != .waiting, onSelect: checkAnswer) + + } + .padding(.horizontal, 10) } - .padding(.horizontal, 10) } + + PlayerButton(gameState: gameState, score: player2Score, color: .red, onSelect: selectPlayer2) + } - PlayerButton(gameState: gameState, score: player2Score, color: .red, onSelect: selectPlayer2) - + Button("End Game", systemImage: "xmark.circle") { + isGameActive = false + } + .symbolVariant(.fill) + .labelStyle(.iconOnly) + .font(.largeTitle) + .tint(.white) + .padding(40) } .ignoresSafeArea() .frame(maxWidth: .infinity, maxHeight: .infinity)