From d02c1fb7022299aab7f05143aa443d575545368d 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                         |  5 ++++-
 src/styles/common.css               | 18 ++++++++++++++++++
 src/styles/variables/dimensions.css |  4 ++++
 3 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 src/styles/variables/dimensions.css

diff --git a/src/main.js b/src/main.js
index 980ee6d..a6170a3 100644
--- a/src/main.js
+++ b/src/main.js
@@ -20,7 +20,10 @@ import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
 import App from './App.vue'
 import { i18n, loadLanguage } from './i18n';
 import getCurrentLanguage from './utils/currentLanguage';
-import router from './router';
+import router from './router'
+import './styles/common.css'
+import './styles/variables/colors.css'
+import './styles/variables/dimensions.css';
 
 import './styles/common.css';
 import './styles/variables/colors.css';
diff --git a/src/styles/common.css b/src/styles/common.css
index 7496151..9085093 100644
--- a/src/styles/common.css
+++ b/src/styles/common.css
@@ -46,6 +46,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