fix reponsiveness for building label filters

OSU-Sustainability-Office · Sep 8, 2023 · 00874c0 · 00874c0
1 parent 1e40a51
commit 00874c0
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/src/components/building_list/building_list.vue b/src/components/building_list/building_list.vue
@@ -207,14 +207,20 @@ export default {
  width: 100%;
 }
 /*--- Tabs ---*/
-tab_label {
- font-size: 14px;
+.tab_label {
+ font-size: 16px;
 }
 
-/*-- for reducing el-tabs padding: https://www.jianshu.com/p/9db8679de026 --*/
-::v-deep .el-tabs__item {
- padding: 0 10px;
+@media only screen and (max-width: 600px) {
+ .tab_label {
+ font-size: 14px;
+ }
+ /*-- for reducing el-tabs padding: https://www.jianshu.com/p/9db8679de026 --*/
+ ::v-deep .el-tabs__item {
+ padding: 0 10px;
+ }
 }
+
 /*--- Flex Box ---*/
 .card_flex {
  flex-wrap: wrap !important;