Update responsive styles for tablet and mobile devices

vuejs-jp · Oct 16, 2024 · 7c2236b · 7c2236b
1 parent 552de11
commit 7c2236b
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/apps/web/app/components/event/PanelerList.vue b/apps/web/app/components/event/PanelerList.vue
@@ -42,6 +42,15 @@ const currentLocale = useLocaleCurrent().locale
   @media (--tablet) {
     gap: calc(var(--unit) * 1);
     padding: calc(var(--unit) * 2);
+
+    ::v-deep(.speaker-name) {
+      font-size: 0.875rem;
+      letter-spacing: 0.4px;
+    }
+
+    ::v-deep(.speaker-affiliation) {
+      font-size: 0.6875rem;
+    }
   }
 }
 
@@ -62,11 +71,4 @@ const currentLocale = useLocaleCurrent().locale
     --head-img-width: 103px;
   }
 }
-
-@media (width <= 768px) {
-  ::v-deep(.speaker-name) {
-    font-size: 0.875rem;
-    letter-spacing: 0.4px;
-  }
-}
 </style>