Enhance app detail component styling with improved tab actions layout and hover effects

This commit is contained in:
Christian Werner 2025-11-09 23:43:59 +01:00
parent 44b4e3e05d
commit 6dbfd8039c

View File

@ -1,8 +1,19 @@
:host { :host {
.tab-actions {
margin-left: auto;
display: flex;
gap: 1rem;
}
.authority-item { .authority-item {
display: inline-grid; display: inline-grid;
gap: 1rem; gap: 1rem;
align-items: center; align-items: center;
border: 1px solid transparent;
position: relative;
overflow: hidden;
.span-2 { .span-2 {
grid-column: span 2; grid-column: span 2;
@ -28,5 +39,9 @@
margin-right: 1rem; margin-right: 1rem;
} }
&:hover {
border-color: var(--secondary-30);
}
} }
} }