+
Get
@@ -82,6 +82,18 @@ tr > td:first-child {
padding-left: 3rem;
}
+
+@media only screen and (max-width: 800px) {
+ tr > td:first-child {
+ font-size: 0.9rem;
+ padding: 0;
+ }
+
+ tr > td {
+ padding: 0;
+ }
+}
+
tr > th {
padding-bottom: -10px;
}
diff --git a/src/components/ZoneTable.vue b/src/components/ZoneTable.vue
index 422d1fc..bef728b 100644
--- a/src/components/ZoneTable.vue
+++ b/src/components/ZoneTable.vue
@@ -1,6 +1,6 @@
-
+
-
+ |
{{ zone.zone }}
|
-
+ |
|
@@ -56,6 +56,12 @@ The inner box is table_content, it takes all of the space except for the header
min-width: max(30rem, 50vw);
}
+@media only screen and (max-width: 800px) {
+ td.zone {
+ font-size: 1.1rem;
+ }
+}
+
.table_header {
padding: 0.5rem 1.3rem;
}
diff --git a/src/views/Checkout.vue b/src/views/Checkout.vue
index a6aa2bc..313f1d7 100644
--- a/src/views/Checkout.vue
+++ b/src/views/Checkout.vue
@@ -8,7 +8,6 @@
-
To buy
diff --git a/src/views/Explore.vue b/src/views/Explore.vue
index af8ad20..13b97bd 100644
--- a/src/views/Explore.vue
+++ b/src/views/Explore.vue
@@ -1,5 +1,13 @@
+
+
+
+
+