From 00874c01266917ff344877cf37e0c35d03a8fda1 Mon Sep 17 00:00:00 2001 From: solderq35 Date: Fri, 8 Sep 2023 16:02:32 -0700 Subject: [PATCH] fix reponsiveness for building label filters --- src/components/building_list/building_list.vue | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) diff --git a/src/components/building_list/building_list.vue b/src/components/building_list/building_list.vue index 56f6e11a..82d8f873 100644 --- 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;