Style the active tab
This commit is contained in:
parent
a3479a9989
commit
bc877f8544
1 changed files with 8 additions and 1 deletions
|
@ -16,4 +16,11 @@
|
||||||
* @ingroup themeable
|
* @ingroup themeable
|
||||||
*/
|
*/
|
||||||
#}
|
#}
|
||||||
<li{{ attributes.addClass('me-2') }}>{{ link|add_class('inline-block p-4 border-b-2 border-transparent rounded-t-lg hover:text-blue-primary hover:border-blue-primary dark:hover:text-gray-300') }}</li>
|
{% set isActive = element['#active'] %}
|
||||||
|
|
||||||
|
{% set classes = [
|
||||||
|
'inline-block p-4 border-b-2 rounded-t-lg hover:text-blue-primary hover:border-blue-primary dark:hover:text-gray-300',
|
||||||
|
isActive ? 'text-blue-primary border-blue-primary' : 'border-transparent',
|
||||||
|
] %}
|
||||||
|
|
||||||
|
<li{{ attributes.addClass('me-2') }}>{{ link|add_class(classes|join(' ')) }}</li>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue