wip

src/client/components/dialog.vue

@@ -209,14 +209,11 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 .mk-dialog {
-	display: block;
-	position: fixed;
-	margin: auto;
+	position: relative;
 	padding: 32px;
 	min-width: 320px;
 	max-width: 480px;
 	box-sizing: border-box;
-	width: calc(100% - 32px);
 	text-align: center;
 	background: var(--panel);
 	border-radius: var(--radius);

src/client/components/modal.vue

@@ -66,6 +66,7 @@ export default defineComponent({
 		bottom: 0;
 		left: 0;
 		right: 0;
+		margin: auto;
 		max-width: calc(100% - 16px);
 		max-height: calc(100% - 16px);
 		overflow: auto;

src/client/components/ui/input.vue

@@ -145,7 +145,7 @@ export default defineComponent({
 		});
 
 		watch(v, newValue => {
-			if (type.value === 'number') {
+			if (type?.value === 'number') {
 				context.emit('update:value', parseFloat(newValue));
 			} else {
 				context.emit('update:value', newValue);