Fix #39 - Display cured/uncured for mental disorder

This commit is contained in:
2025-02-06 21:35:22 +01:00
parent e6e6de35df
commit a75a3bf157
10 changed files with 86 additions and 80 deletions

View File

@@ -223,6 +223,10 @@
.char-text {
margin-left: 0.5rem;
}
.d100 {
flex: 0;
max-width: 0.6rem;
}
.form-group {
flex: 0;
padding-left: 5px;
@@ -290,32 +294,6 @@
max-width: 18rem;
}
}
.motivations {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 4px;
.motivation {
display: flex;
align-items: center;
gap: 4px;
min-width: 14rem;
max-width: 14rem;
.controls {
min-width: 2rem;
max-width: 2rem;
}
.name {
min-width: 8rem;
max-width: 8rem;
}
.item-img {
width: 32px;
height: 32px;
margin: 4px 0 0 0;
}
}
}
}
.tab.protagonist-skills {
@@ -336,8 +314,9 @@
display: flex;
align-items: center;
gap: 4px;
min-width: 10rem;
max-width: 10rem;
margin-left: 4px;
min-width: 12rem;
max-width: 12rem;
.rollable:hover,
.rollable:focus {
text-shadow: 0 0 8px var(--color-shadow-primary);
@@ -348,8 +327,8 @@
max-width: 2rem;
}
.name {
min-width: 8rem;
max-width: 8rem;
min-width: 11rem;
max-width: 11rem;
}
.item-img {
width: 24px;
@@ -405,6 +384,32 @@
}
}
.motivations {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 4px;
.motivation {
display: flex;
align-items: center;
gap: 4px;
min-width: 14rem;
max-width: 14rem;
.controls {
min-width: 2rem;
max-width: 2rem;
}
.name {
min-width: 12rem;
max-width: 12rem;
}
.item-img {
width: 24px;
height: 24px;
margin: 4px 0 0 0;
}
}
}
.mentaldisorders {
display: grid;
grid-template-columns: repeat(2, 1fr);