diff --git a/OnCue/View/TeleprompterView.swift b/OnCue/View/TeleprompterView.swift index e473b5d..13c2182 100644 --- a/OnCue/View/TeleprompterView.swift +++ b/OnCue/View/TeleprompterView.swift @@ -12,22 +12,17 @@ struct TeleprompterView: View { let project: OCProject @State private var textSize = 45.0 + @State private var horizPadding = 15.0 var body: some View { ScrollView { Text(project.script) .font(.system(size: textSize)) - .padding(.horizontal) + .padding(.horizontal, horizPadding) } .toolbar { ToolbarItem(placement: .topBarTrailing) { - Menu { - Menu { - Slider(value: $textSize, in: 12...150, step: 1) - } label: { - Image(systemName: "textformat.size") - } - } label: { + Menu { overflowMenu } label: { Image(systemName: "ellipsis.circle") } @@ -40,6 +35,17 @@ struct TeleprompterView: View { } .persistentSystemOverlays(.hidden) } + + var overflowMenu: some View { + VStack { + Menu { Stepper("\(textSize.formatted())", value: $textSize, in: 12...150) } label: { + Label("Text Size", systemImage: "textformat.size") + } + Menu { Stepper("\(horizPadding.formatted())", value: $horizPadding, in: 0...150, step: 5) } label: { + Label("Margin", systemImage: "rectangle.portrait.arrowtriangle.2.inward") + } + } + } } #Preview {