File tree Expand file tree Collapse file tree 1 file changed +9
-5
lines changed
frontend/src/lib/components/apps/components/layout Expand file tree Collapse file tree 1 file changed +9
-5
lines changed Original file line number Diff line number Diff line change 151
151
)}
152
152
style ={css ?.tabRow ?.style }
153
153
>
154
- {#each tabs ?? [] as res }
154
+ {#each tabs ?? [] as res , index }
155
155
<button
156
156
on:pointerdown |stopPropagation
157
- on:click ={() => (selected = res )}
157
+ on:click ={() => ! resolvedDisabledTabs [index ] && (selected = res )}
158
+ disabled ={resolvedDisabledTabs [index ]}
158
159
class ={twMerge (
159
160
' rounded-sm !truncate text-sm hover:text-primary px-1 py-2' ,
160
161
css ?.allTabs ?.class ,
165
166
css ?.selectedTab ?.class ,
166
167
' wm-tabs-selectedTab'
167
168
)
168
- : ' '
169
+ : ' ' ,
170
+ resolvedDisabledTabs [index ] ? ' opacity-50 cursor-not-allowed hover:text-secondary' : ' '
169
171
)}
170
172
style ={selected == res
171
173
? [css ?.allTabs ?.style , css ?.selectedTab ?.style ].filter (Boolean ).join (' ;' )
182
184
<div class =" border-b" >
183
185
<button
184
186
on:pointerdown |stopPropagation
185
- on:click ={() => (selected = res )}
187
+ on:click ={() => ! resolvedDisabledTabs [index ] && (selected = res )}
188
+ disabled ={resolvedDisabledTabs [index ]}
186
189
class ={twMerge (
187
190
' w-full text-left bg-surface !truncate text-sm hover:text-primary px-1 py-2' ,
188
191
css ?.allTabs ?.class ,
193
196
css ?.selectedTab ?.class ,
194
197
' wm-tabs-selectedTab'
195
198
)
196
- : ' text-secondary'
199
+ : ' text-secondary' ,
200
+ resolvedDisabledTabs [index ] ? ' opacity-50 cursor-not-allowed hover:text-secondary' : ' '
197
201
)}
198
202
>
199
203
<span class ="mr-2 w-8 font-mono" >{selected == res ? ' -' : ' +' }</span >
You can’t perform that action at this time.
0 commit comments