order view responsiveness

2023-11-10 18:33:33 -04:00
parent 85a17cf7a9
commit 7fd4b96e99
9 changed files with 111 additions and 33 deletions
--- a/src/components/Breakpoints.vue
+++ b/src/components/Breakpoints.vue
@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <span class="">xs&nbsp;</span>
+    <span class="d-none d-sm-inline">sm&nbsp;</span>
+    <span class="d-none d-md-inline">md&nbsp;</span>
+    <span class="d-none d-lg-inline">lg&nbsp;</span>
+    <span class="d-none d-xl-inline">xl&nbsp;</span>
+    <span class="d-none d-xxl-inline">xxl&nbsp;</span>
+  </div>
+</template>
+
+<script setup>
+import {useStore} from "@/store/store";
+
+const s = useStore()
+
+</script>
+
+<style scoped lang="scss">
+@use "src/styles/vars" as *;
+
+</style>