Merge pull request #38 from azkyakhan/#1xx2g9h

Improved card styling for desktop view of orders page (#1xx2g9h)
hotwax · Jan 5, 2022 · 04e9e91 · 04e9e91
2 parents a6337d1 + fbfb537
commit 04e9e91
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/changelogs/unreleased/-1xx2g9h.yml b/changelogs/unreleased/-1xx2g9h.yml
@@ -0,0 +1,6 @@
+---
+title: Improved card styling for desktop view of orders page
+ticket_id: "#1xx2g9h"
+merge_request: 38
+author: Azkya Khan
+type: changed
diff --git a/src/views/Orders.vue b/src/views/Orders.vue
@@ -210,4 +210,14 @@ export default defineComponent({
     };
   },
 });
-</script>
+</script>
+
+<style scoped>
+
+@media (min-width: 343px) {
+  ion-content > div {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(343px, 1fr));
+  }
+}
+</style>