add domain icon into domain cards (#489)

This commit is contained in:
Murilo Brito 2025-07-30 23:58:37 -03:00 committed by GitHub
parent a119683c31
commit 3e333d3533
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 28 additions and 2 deletions

View file

@ -1,4 +1,15 @@
@import '../utils/colors.less';
@import '../utils/mixin.less';
.appTheme({
.item-card-header .item-icons-list .item-icon img {
filter: invert(88%) sepia(98%) saturate(1784%) hue-rotate(311deg) brightness(104%) contrast(91%);
}
}, {
.item-card-header .item-icons-list .item-icon img {
filter: invert(87%) sepia(15%) saturate(343%) hue-rotate(333deg) brightness(110%) contrast(87%);
}
});
.application.sheet.daggerheart.dh-style {
.item-sheet-header {
@ -68,7 +79,9 @@
.item-icons-list {
position: absolute;
display: flex;
align-items: center;
flex-direction: column;
gap: 5px;
align-items: end;
justify-content: center;
top: 50px;
right: 10px;
@ -82,7 +95,8 @@
max-width: 50px;
height: 50px;
font-size: 1.2rem;
background: light-dark(@light-black, @semi-transparent-dark-blue);
background: light-dark(@dark-blue-60, @dark-golden-80);
backdrop-filter: blur(8px);
border: 4px double light-dark(@beige, @golden);
color: light-dark(@beige, @golden);
border-radius: 999px;
@ -99,6 +113,11 @@
font-size: 0.8rem;
}
img {
height: 24px;
width: 24px;
}
&:hover {
max-width: 300px;
padding: 0 10px;