Stub ApplicantForm

Gui/Employees/AddApplicant.qml

@@ -6,10 +6,9 @@ ColumnLayout {
     anchors.fill: parent
     spacing: Dimensions.l
 
-    ColumnLayout {
+    ApplicantForm {
         Layout.fillHeight: true
         Layout.verticalStretchFactor: 1
-        spacing: Dimensions.l
     }
     RowLayout {
         spacing: Dimensions.l

Gui/Employees/ApplicantForm.qml

@@ -0,0 +1,19 @@
+import QtQuick
+import QtQuick.Controls.impl
+import QtQuick.Layouts
+import TeroStyle
+
+ColumnLayout {
+    spacing: Dimensions.l
+
+    IconLabel {
+        color: Colors.foreground
+        font: Typography.h2
+        spacing: Dimensions.m
+        icon.color: color
+        icon.source: "qrc:/images/UserCircle"
+        icon.width: font.pixelSize
+        icon.height: font.pixelSize
+        text: qsTr("Stammdaten")
+    }
+}

Gui/main.qml

@@ -17,9 +17,10 @@ ApplicationWindow {
         }
     }
 
-    color: Colors.mantle
     font: Typography.body
     height: Screen.height * .85
+    palette.window: Colors.mantle
+    palette.placeholderText: Colors.interactive
     palette.text: Colors.foreground
     title: "TERO Personal"
     visible: true

TeroStyle/Typography.qml

@@ -25,10 +25,9 @@ Item {
             letterSpacing: body.letterSpacing,
             kerning: body.kerning
         })
-    readonly property font h2:
-    ({
+    readonly property font h2: ({
         family: body.family,
-        pointSize: 20,
+        pointSize: 28,
         weight: body.weight,
         letterSpacing: body.letterSpacing,
         kerning: body.kerning,

images/UserCircle.svg

@@ -0,0 +1,3 @@
+<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-slot="icon">
+  <path clip-rule="evenodd" fill-rule="evenodd" d="M18.685 19.097A9.723 9.723 0 0 0 21.75 12c0-5.385-4.365-9.75-9.75-9.75S2.25 6.615 2.25 12a9.723 9.723 0 0 0 3.065 7.097A9.716 9.716 0 0 0 12 21.75a9.716 9.716 0 0 0 6.685-2.653Zm-12.54-1.285A7.486 7.486 0 0 1 12 15a7.486 7.486 0 0 1 5.855 2.812A8.224 8.224 0 0 1 12 20.25a8.224 8.224 0 0 1-5.855-2.438ZM15.75 9a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"></path>
+</svg>

pyqcrm.qrc

@@ -13,6 +13,7 @@
         <file>images/RectangleStack-Outline.svg</file>
         <file>images/Square3Stack3D-Outline.svg</file>
         <file>images/tero.jpg</file>
+        <file>images/UserCircle.svg</file>
         <file>images/UserGroup-Outline.svg</file>
         <file>images/Wallet-Outline.svg</file>
         <file>sounds/error.ogg</file>

qml.qrc

@@ -41,6 +41,7 @@
         <file>Gui/Employees/AddEmployee.qml</file>
         <file>Gui/Employees/ApplicantPersonalData.qml</file>
         <file>Gui/Employees/ApplicantBankData.qml</file>
+        <file>Gui/Employees/ApplicantForm.qml</file>
         <file>Gui/Employees/ApplicantNationalInsurance.qml</file>
         <file>Gui/Employees/ApplicantVarious.qml</file>
         <file>Gui/Employees/EmployeeDetails.qml</file>