Added homebrew settings without action handling for now

This commit is contained in:
WBHarry 2025-06-20 01:36:03 +02:00
parent e38ebfab29
commit a65719b314
11 changed files with 478 additions and 5 deletions

View file

@ -1,4 +1,84 @@
.daggerheart.dh-style.setting {
fieldset {
&.two-columns {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 10px;
&.even {
grid-template-columns: 1fr 1fr;
}
}
}
.settings-items {
display: flex;
flex-direction: column;
gap: 8px;
.settings-item {
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid;
border-radius: 8px;
padding: 0 8px 0 0;
.settings-sub-item {
display: flex;
align-items: center;
gap: 8px;
img {
width: 60px;
border-radius: 8px 0 0 8px;
}
i {
font-size: 18px;
}
}
}
}
.settings-item-header {
display: flex;
align-items: center;
.profile {
height: 100px;
width: 100px;
object-fit: cover;
box-sizing: border-box;
cursor: pointer;
}
.item-info {
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
text-align: center;
width: 80%;
.item-name input[type='text'] {
font-size: 32px;
height: 42px;
text-align: center;
width: 90%;
transition: all 0.3s ease;
outline: 2px solid transparent;
border: 1px solid transparent;
&:hover[type='text'],
&:focus[type='text'] {
box-shadow: none;
outline: 2px solid light-dark(@dark-blue, @golden);
}
}
}
}
.settings-col {
display: flex;
flex-direction: column;