diff --git a/src/components/Order.vue b/src/components/Order.vue index 33e2c0d..37fc81c 100644 --- a/src/components/Order.vue +++ b/src/components/Order.vue @@ -19,6 +19,12 @@ import OrderSVue from './OrderS.vue'; import OrderFooter from './OrderFooter.vue'; import OrderOVue from './OrderO.vue'; +const orderComponents = { + orderN: OrderNVue, + orderS: OrderSVue, + orderO: OrderOVue, +}; + export default defineComponent({ components: { OrderNVue, OrderSVue, OrderFooter }, @@ -32,16 +38,7 @@ export default defineComponent({ computed: { chosenOrderComponent() { - switch (this.store.chosenOrderType) { - case 'orderN': - return OrderNVue; - case 'orderS': - return OrderSVue; - case 'orderO': - return OrderOVue; - default: - return OrderNVue; - } + return orderComponents[this.store.chosenOrderType]; }, }, }); @@ -121,6 +118,19 @@ input { font-size: 0.9em; text-align: center; color: black; + + &:focus-visible { + border-bottom: 2px solid $accentCol; + } +} + +input[type='checkbox'], +input[type='radio'], +textarea, +select { + &:focus-visible { + outline: 2px solid $accentCol; + } } select { diff --git a/src/components/OrderList.vue b/src/components/OrderList.vue index fe3b6e2..064b37e 100644 --- a/src/components/OrderList.vue +++ b/src/components/OrderList.vue @@ -3,6 +3,8 @@