From ab5e3e14ac8eeb1b00c5b7ed8946b20cf9eeea83 Mon Sep 17 00:00:00 2001
From: Stefan Lange-Hegermann <lange-hegermann@sipgate.de>
Date: Tue, 30 Sep 2025 20:08:49 +0200
Subject: [PATCH] systems onboarding is done for now

---
 Cable/SystemsOnboardingView.swift | 31 +++++++++++++++++++++++++------
 1 file changed, 25 insertions(+), 6 deletions(-)

diff --git a/Cable/SystemsOnboardingView.swift b/Cable/SystemsOnboardingView.swift
index 0d08e55..408b90d 100644
--- a/Cable/SystemsOnboardingView.swift
+++ b/Cable/SystemsOnboardingView.swift
@@ -25,7 +25,7 @@ struct SystemsOnboardingView: View {
             Spacer(minLength: 32)
 
             SystemsOnboardingCarousel(images: loopingImages, step: carouselStep)
-                .frame(height: 120)
+                .frame(minHeight: 80, maxHeight: 240)
                 .padding(.horizontal, 0)
 
             VStack(spacing: 12) {
@@ -43,11 +43,30 @@ struct SystemsOnboardingView: View {
             .padding(.horizontal, 24)
             Spacer()
             VStack(spacing: 16) {
-                TextField("System Name", text: $systemName)
-                    .textFieldStyle(.roundedBorder)
-                    .focused($isFieldFocused)
-                    .submitLabel(.done)
-                    .onSubmit(createSystem)
+                HStack(spacing: 12) {
+                    Image(systemName: "sparkles")
+                        .font(.system(size: 18, weight: .semibold))
+                        .foregroundStyle(isFieldFocused ? Color.accentColor : Color.accentColor.opacity(0.6))
+
+                    TextField("System Name", text: $systemName)
+                        .textInputAutocapitalization(.words)
+                        .disableAutocorrection(true)
+                        .focused($isFieldFocused)
+                        .submitLabel(.done)
+                        .onSubmit(createSystem)
+                }
+                .padding(.horizontal, 16)
+                .padding(.vertical, 14)
+                .background(
+                    RoundedRectangle(cornerRadius: 18, style: .continuous)
+                        .fill(Color(.secondarySystemBackground))
+                )
+                .overlay(
+                    RoundedRectangle(cornerRadius: 18, style: .continuous)
+                        .stroke(isFieldFocused ? Color.accentColor : Color.clear, lineWidth: 1)
+                )
+                .shadow(color: Color.black.opacity(0.08), radius: 12, x: 0, y: 6)
+                .animation(.easeInOut(duration: 0.2), value: isFieldFocused)
 
                 Button(action: createSystem) {
                     HStack(spacing:8) {