feat(website): Adjust input field spacing and styling

konz261 · Jan 4, 2025 · cd2c172 · cd2c172
1 parent 430457c
commit cd2c172
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/website/client/.vitepress/theme/components/TryIt.vue b/website/client/.vitepress/theme/components/TryIt.vue
@@ -431,13 +431,23 @@ function handleKeydown(event: KeyboardEvent) {
 .right-column {
   display: flex;
   flex-direction: column;
-  gap: 24px;
+  gap: 20px;
 }
 
 .option-section {
   display: flex;
   flex-direction: column;
-  gap: 12px;
+  gap: 6px;
+}
+
+.option-section input {
+  padding: 8px 12px;
+  font-size: 16px;
+  border: 1px solid var(--vp-c-border);
+  border-radius: 8px;
+  background: var(--vp-c-bg);
+  color: var(--vp-c-text-1);
+  transition: border-color 0.2s;
 }
 
 .option-label {