12
12
v-for =" (brand, index) in processedGoldSponsors"
13
13
v-show =" !isCollapsed || (isCollapsed && shouldShowSponsor(brand))"
14
14
:key =" 'gold-' + index"
15
- :class =" { 'collapsed-mode': isCollapsed }"
15
+ :class =" { 'brand-item-gold-mode collapsed-mode': isCollapsed }"
16
16
class =" brand-item gold"
17
17
@click =" openSponsorLink(brand.href)"
18
18
>
30
30
v-for =" (brand, index) in processedGeneralSponsors"
31
31
v-show =" !isCollapsed || (isCollapsed && shouldShowSponsor(brand))"
32
32
:key =" 'general-' + index"
33
- :class =" { 'collapsed-mode': isCollapsed }"
33
+ :class =" { 'brand-item-mode collapsed-mode': isCollapsed }"
34
34
class =" brand-item"
35
35
@click =" openSponsorLink(brand.href)"
36
36
>
@@ -86,9 +86,6 @@ const shouldShowExtraBecomeSponsor = computed(() => {
86
86
87
87
const toggleCollapse = () => {
88
88
isCollapsed .value = ! isCollapsed .value ;
89
- if (typeof window !== ' undefined' ) {
90
- localStorage .setItem (" fba-docs-sponsor-collapsed" , isCollapsed .value );
91
- }
92
89
};
93
90
</script >
94
91
@@ -133,16 +130,19 @@ const toggleCollapse = () => {
133
130
display : flex ;
134
131
align-items : center ;
135
132
justify-content : center ;
136
- height : 66px ;
137
133
transition : all 0.3s ease ;
138
134
position : relative ;
139
135
}
140
136
137
+ .brand-item-mode {
138
+ height : 66px ;
139
+ }
140
+
141
141
.brand-item :hover {
142
142
border : 1px solid var (--vp-c-brand );
143
143
}
144
144
145
- .brand-item. gold {
145
+ .brand-item- gold-mode {
146
146
height : 96px ;
147
147
}
148
148
@@ -169,7 +169,7 @@ const toggleCollapse = () => {
169
169
}
170
170
171
171
.collapsed-mode {
172
- height : 32px !important ;
172
+ height : 32px ;
173
173
}
174
174
175
175
.collapsed-mode .brand-image {
0 commit comments