fix: settings ui

frontend/src/components/SettingDetails.vue

@@ -1,9 +1,9 @@
 <template>
 	<div class="flex flex-col justify-between h-full p-8">
-		<div class="flex space-x-10">
+		<div class="flex space-x-8">
 			<div v-for="(column, index) in columns" :key="index">
-				<div class="flex flex-col space-y-4">
-					<div v-for="field in column" :class="width">
+				<div class="flex flex-col space-y-4 w-60">
+					<div v-for="field in column">
 						<Link
 							v-if="field.type == 'Link'"
 							v-model="field.value"
@@ -31,11 +31,9 @@
 
 <script setup>
 import { FormControl, Button } from 'frappe-ui'
-import { computed, ref } from 'vue'
+import { computed } from 'vue'
 import Link from '@/components/Controls/Link.vue'
 
-let width = ref('w-full')
-
 const props = defineProps({
 	fields: {
 		type: Array,
@@ -71,12 +69,6 @@ const columns = computed(() => {
 		cols.push(currentColumn)
 	}
 
-	if (cols.length == 3) {
-		width.value = 'w-64'
-	} else {
-		width.value = 'w-96'
-	}
-
 	return cols
 })