Enhance app detail component styling with improved tab actions layout and hover effects
This commit is contained in:
parent
44b4e3e05d
commit
6dbfd8039c
@ -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);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user