fix width

packages/client/src/components/MkDialog.vue

@@ -62,6 +62,7 @@
 				:type="input.type || 'text'"
 				:placeholder="input.placeholder || undefined"
 				@keydown="onInputKeydown"
+				:style="{ width: input.type === 'search' ? '300px' : null }"
 			>
 				<template v-if="input.type === 'password'" #prefix
 					><i class="ph-password ph-bold ph-lg"></i
@@ -439,10 +440,6 @@ onBeforeUnmount(() => {
 	margin: 16px 0 0 0;
 }
 
-:deep(input[type="search"]) {
-	width: 300px;
-}
-
 .buttons {
 	margin-top: 16px;
 	display: flex;

packages/client/src/components/form/input.vue

@@ -24,6 +24,7 @@
 					@blur="focused = false"
 					@keydown="onKeydown($event)"
 					@input="onInput"
+					v-bind="$attrs"
 				/>
 				<datalist v-if="datalist" :id="id">
 					<option v-for="data in datalist" :value="data" />