fix(style): use custom select and expand widths to 100% (#845)

vcync · Apr 9, 2023 · 4453dd8 · 4453dd8
1 parent 14460ab
commit 4453dd8
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/components/Control.vue b/src/components/Control.vue
@@ -67,15 +67,15 @@
         <TextureControl v-model="internalValue" />
       </div>
       <div class="input" v-else-if="type === 'enum'">
-        <select v-model="internalValue">
+        <Select v-model="internalValue">
           <option
             v-for="(option, index) in activeProp.enum"
             :value="option.value"
             :key="index"
             :selected="option.selected"
             >{{ option.label }}</option
           >
-        </select>
+        </Select>
       </div>
     </c>
   </grid>
@@ -93,6 +93,7 @@ import Vec3Control from "./Controls/Vec3Control";
 import Vec4Control from "./Controls/Vec4Control";
 import hasLink from "./mixins/has-input-link";
 import inputIsFocused from "./mixins/input-is-focused";
+import Select from "./inputs/Select.vue";
 
 export default {
   mixins: [hasLink, inputIsFocused],
@@ -137,7 +138,8 @@ export default {
     FontControl,
     ColorControl,
     Vec3Control,
-    Vec4Control
+    Vec4Control,
+    Select
   },
 
   data() {

diff --git a/src/components/Controls/TextureControl.vue b/src/components/Controls/TextureControl.vue
@@ -244,4 +244,8 @@ export default {
 };
 </script>
 
-<style scoped></style>
+<style scoped>
+grid {
+  width: 100%;
+}
+</style>