emarref.net
A daily game
Select preference on focus
+30
-6
+30
-6
src/components/game/preferences-form.tsx
+30
-6
src/components/game/preferences-form.tsx
···
47
<FormItem className="col-span-2">
48
<FormLabel>Columns</FormLabel>
49
<FormControl>
50
-
<Input type="number" {...field} />
51
</FormControl>
52
<FormMessage />
53
</FormItem>
···
60
<FormItem className="col-span-2">
61
<FormLabel>Rows</FormLabel>
62
<FormControl>
63
-
<Input type="number" {...field} />
64
</FormControl>
65
<FormMessage />
66
</FormItem>
···
73
<FormItem>
74
<FormLabel>Left</FormLabel>
75
<FormControl>
76
-
<Input {...field} className="text-center text-2xl" />
77
</FormControl>
78
<FormMessage />
79
</FormItem>
···
86
<FormItem>
87
<FormLabel>Top</FormLabel>
88
<FormControl>
89
-
<Input {...field} className="text-center text-2xl" />
90
</FormControl>
91
<FormMessage />
92
</FormItem>
···
99
<FormItem>
100
<FormLabel>Right</FormLabel>
101
<FormControl>
102
-
<Input {...field} className="text-center text-2xl" />
103
</FormControl>
104
<FormMessage />
105
</FormItem>
···
112
<FormItem>
113
<FormLabel>Bottom</FormLabel>
114
<FormControl>
115
-
<Input {...field} className="text-center text-2xl" />
116
</FormControl>
117
<FormMessage />
118
</FormItem>
···
47
<FormItem className="col-span-2">
48
<FormLabel>Columns</FormLabel>
49
<FormControl>
50
+
<Input
51
+
type="number"
52
+
onFocus={(e) => e.target.select()}
53
+
{...field}
54
+
/>
55
</FormControl>
56
<FormMessage />
57
</FormItem>
···
64
<FormItem className="col-span-2">
65
<FormLabel>Rows</FormLabel>
66
<FormControl>
67
+
<Input
68
+
type="number"
69
+
onFocus={(e) => e.target.select()}
70
+
{...field}
71
+
/>
72
</FormControl>
73
<FormMessage />
74
</FormItem>
···
81
<FormItem>
82
<FormLabel>Left</FormLabel>
83
<FormControl>
84
+
<Input
85
+
{...field}
86
+
onFocus={(e) => e.target.select()}
87
+
className="text-center text-2xl"
88
+
/>
89
</FormControl>
90
<FormMessage />
91
</FormItem>
···
98
<FormItem>
99
<FormLabel>Top</FormLabel>
100
<FormControl>
101
+
<Input
102
+
{...field}
103
+
onFocus={(e) => e.target.select()}
104
+
className="text-center text-2xl"
105
+
/>
106
</FormControl>
107
<FormMessage />
108
</FormItem>
···
115
<FormItem>
116
<FormLabel>Right</FormLabel>
117
<FormControl>
118
+
<Input
119
+
{...field}
120
+
onFocus={(e) => e.target.select()}
121
+
className="text-center text-2xl"
122
+
/>
123
</FormControl>
124
<FormMessage />
125
</FormItem>
···
132
<FormItem>
133
<FormLabel>Bottom</FormLabel>
134
<FormControl>
135
+
<Input
136
+
{...field}
137
+
onFocus={(e) => e.target.select()}
138
+
className="text-center text-2xl"
139
+
/>
140
</FormControl>
141
<FormMessage />
142
</FormItem>