fix: ajusta font sizes en viewport pequeños

growlerapp · Oct 16, 2019 · b528f14 · b528f14
1 parent 4ab4ae2
commit b528f14
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/components/StoreItem.vue b/src/components/StoreItem.vue
@@ -104,10 +104,17 @@ export default {
 .StoreItem-meta-name {
   font-family: var(--font-family-primary);
   font-weight: 600;
-  font-size: 1.2rem;
+  font-size: 1.1rem;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-bottom: 6px;
+  margin-right: 80px;
+}
+
+@media (--sm-viewport) {
+  .StoreItem-meta-name {
+    font-size: 1.2rem;
+  }
 }
 
 .StoreItem-meta-address {

diff --git a/src/components/StoreItemFull.vue b/src/components/StoreItemFull.vue
@@ -87,12 +87,18 @@ export default {
 .StoreItemFull-name {
   font-family: var(--font-family-primary);
   font-weight: 600;
-  font-size: 2rem;
+  font-size: 1.6rem;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-bottom: 6px;
 }
 
+@media (--sm-viewport) {
+  .StoreItemFull-name {
+    font-size: 2rem;
+  }
+}
+
 .StoreItemFull-address {
   margin-bottom: 2px;
 }