jake/vOOice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reduce hero section size and create reusable component

Browse Source
This commit is contained in:
Beingpax 2025-12-28 14:32:00 +05:45
parent 9d75109c72
commit 3a2721e150
4 changed files with 45 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
VoiceInk/Views/Common/CompactHeroSection.swift Normal file
View File

@ -0,0 +1,29 @@
import SwiftUI
struct CompactHeroSection: View {
let icon: String
let title: String
let description: String
var maxDescriptionWidth: CGFloat? = nil
var body: some View {
VStack(spacing: 16) {
Image(systemName: icon)
.font(.system(size: 28))
.foregroundStyle(.blue)
.symbolRenderingMode(.hierarchical)
VStack(spacing: 6) {
Text(title)
.font(.system(size: 22, weight: .bold))
Text(description)
.font(.system(size: 14))
.foregroundStyle(.secondary)
.multilineTextAlignment(.center)
.frame(maxWidth: maxDescriptionWidth)
}
}
.padding(.vertical, 20)
.frame(maxWidth: .infinity)
}
}

27
VoiceInk/Views/Dictionary/DictionarySettingsView.swift
View File

@ -41,27 +41,12 @@ struct DictionarySettingsView: View {
}
private var heroSection: some View {
VStack(spacing: 24) {
Image(systemName: "brain.filled.head.profile")
.font(.system(size: 40))
.foregroundStyle(.blue)
.padding(20)
.background(Circle()
.fill(Color(.windowBackgroundColor).opacity(0.9))
.shadow(color: .black.opacity(0.1), radius: 10, y: 5))
VStack(spacing: 8) {
Text("Dictionary Settings")
.font(.system(size: 28, weight: .bold))
Text("Enhance VoiceInk's transcription accuracy by teaching it your vocabulary")
.font(.system(size: 15))
.foregroundStyle(.secondary)
.multilineTextAlignment(.center)
.frame(maxWidth: 400)
}
}
.padding(.vertical, 40)
.frame(maxWidth: .infinity)
CompactHeroSection(
icon: "brain.filled.head.profile",
title: "Dictionary Settings",
description: "Enhance VoiceInk's transcription accuracy by teaching it your vocabulary",
maxDescriptionWidth: 500
)
}
private var mainContent: some View {

24
VoiceInk/Views/PermissionsView.swift
View File

@ -202,25 +202,11 @@ struct PermissionsView: View {
ScrollView {
VStack(spacing: 32) {
// Header
VStack(spacing: 24) {
Image(systemName: "shield.lefthalf.filled")
.font(.system(size: 40))
.foregroundStyle(.blue)
.padding(20)
.background(Circle()
.fill(Color(.windowBackgroundColor).opacity(0.9))
.shadow(color: .black.opacity(0.1), radius: 10, y: 5))
VStack(spacing: 8) {
Text("App Permissions")
.font(.system(size: 28, weight: .bold))
Text("VoiceInk requires the following permissions to function properly")
.font(.system(size: 15))
.foregroundStyle(.secondary)
}
}
.padding(.vertical, 40)
.frame(maxWidth: .infinity)
CompactHeroSection(
icon: "shield.lefthalf.filled",
title: "App Permissions",
description: "VoiceInk requires the following permissions to function properly"
)
// Permission Cards
VStack(spacing: 16) {

24
VoiceInk/Views/Settings/AudioInputSettingsView.swift
View File

@ -29,25 +29,11 @@ struct AudioInputSettingsView: View {
}
private var heroSection: some View {
VStack(spacing: 24) {
Image(systemName: "waveform")
.font(.system(size: 40))
.foregroundStyle(.blue)
.padding(20)
.background(Circle()
.fill(Color(.windowBackgroundColor).opacity(0.4))
.shadow(color: .black.opacity(0.1), radius: 10, y: 5))
VStack(spacing: 8) {
Text("Audio Input")
.font(.system(size: 28, weight: .bold))
Text("Configure your microphone preferences")
.font(.system(size: 15))
.foregroundStyle(.secondary)
}
}
.padding(.vertical, 40)
.frame(maxWidth: .infinity)
CompactHeroSection(
icon: "waveform",
title: "Audio Input",
description: "Configure your microphone preferences"
)
}
private var inputModeSection: some View {