From dda36061abe4d9160a0ed8b09f711bd8f860ffdc Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Tue, 21 Jul 2026 16:32:20 +0200
Subject: [PATCH] feat(style): add common input style

---
 src/main.js                         |  1 +
 src/styles/common.css               | 18 ++++++++++++++++++
 src/styles/variables/dimensions.css |  4 ++++
 3 files changed, 23 insertions(+)
 create mode 100644 src/styles/variables/dimensions.css

diff --git a/src/main.js b/src/main.js
index fe17cb9..c5ed366 100644
--- a/src/main.js
+++ b/src/main.js
@@ -23,6 +23,7 @@ import getCurrentLanguage from './utils/currentLanguage';
 import router from './router'
 import './styles/common.css'
 import './styles/variables/colors.css'
+import './styles/variables/dimensions.css';
 
 await loadLanguage(getCurrentLanguage());
 
diff --git a/src/styles/common.css b/src/styles/common.css
index 2ab5ff0..a0d35a3 100644
--- a/src/styles/common.css
+++ b/src/styles/common.css
@@ -44,6 +44,24 @@ input {
     color: var(--dark);
 }
 
+.input {
+    padding: var(--input-padding);
+    display: block;
+    border-radius: calc(var(--input-padding) + 0.5 * var(--input-height) + 1px);
+    height: var(--input-height);
+    border: 1px solid var(--border);
+    background: none;
+    transition: border-color 0.2s ease;
+    color: inherit;
+    font-family: inherit;
+    font-size: inherit;
+}
+
+.input:focus-visible {
+    border-color: var(--primary-color);
+    outline: none;
+}
+
 .main-content-padding {
     padding: var(--main-content-padding);
     width: calc(100% - var(--main-content-padding-x) * 2);
diff --git a/src/styles/variables/dimensions.css b/src/styles/variables/dimensions.css
new file mode 100644
index 0000000..baf0edf
--- /dev/null
+++ b/src/styles/variables/dimensions.css
@@ -0,0 +1,4 @@
+:root {
+    --input-padding: 0.7em;
+    --input-height: 1em;
+}
\ No newline at end of file