Item ehnance, fixes on actor sheet

This commit is contained in:
2026-03-08 13:23:11 +01:00
parent aaf965c78a
commit 317c4990bc
7 changed files with 162 additions and 127 deletions

View File

@@ -184,8 +184,6 @@
color: #084a74;
}
.oathhammer .actor-img {
height: 150px;
width: auto;
border: 2px solid #084a74;
border-radius: 4px;
cursor: pointer;
@@ -200,45 +198,24 @@
.oathhammer .character-main .character-pc {
display: flex;
gap: 10px;
align-items: flex-start;
flex: 1;
}
.oathhammer .character-main .character-left {
min-width: 180px;
max-width: 180px;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.oathhammer .character-main .character-portrait {
display: flex;
justify-content: center;
flex-shrink: 0;
width: 150px;
}
.oathhammer .character-main .character-resource {
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: 4px;
margin-bottom: 2px;
}
.oathhammer .character-main .character-resource div.form-group {
display: contents;
}
.oathhammer .character-main .character-resource input {
min-width: 2.5rem;
max-width: 2.5rem;
text-align: center;
}
.oathhammer .character-main .resource-label {
min-width: 3.5rem;
font-family: "BlueDragon", "Palatino Linotype", serif;
font-size: calc(0.82rem * 0.9);
.oathhammer .character-main .character-portrait .actor-img {
width: 150px;
height: 150px;
-o-object-fit: cover;
object-fit: cover;
}
.oathhammer .character-main .character-right {
flex: 1;
display: flex;
flex-direction: column;
gap: 6px;
gap: 5px;
min-width: 0;
}
.oathhammer .character-main .character-name {
@@ -326,17 +303,54 @@
font-size: calc(0.82rem * 0.85);
padding: 1px 2px;
}
.oathhammer .attributes-stress-row {
.oathhammer .character-main .character-stats-band {
display: flex;
align-items: flex-start;
align-items: stretch;
gap: 6px;
}
.oathhammer .attributes-stress-row .character-attributes {
flex: 1;
}
.oathhammer .attributes-stress-row .character-arcane-stress {
.oathhammer .character-main .character-stats-band .character-resources {
flex-shrink: 0;
display: flex;
flex-direction: column;
justify-content: space-evenly;
gap: 2px;
padding: 3px 6px;
border: 1px solid #535128;
border-radius: 3px;
background: rgba(0, 0, 0, 0.08);
}
.oathhammer .character-main .character-stats-band .character-resources .character-resource {
display: flex;
align-items: center;
gap: 3px;
white-space: nowrap;
}
.oathhammer .character-main .character-stats-band .character-resources .character-resource div.form-group {
display: contents;
}
.oathhammer .character-main .character-stats-band .character-resources .character-resource input {
width: 2.4rem;
text-align: center;
font-size: calc(0.82rem * 0.85);
padding: 1px 2px;
}
.oathhammer .character-main .character-stats-band .character-resources .character-resource .res-sep {
opacity: 0.5;
font-size: calc(0.82rem * 0.9);
}
.oathhammer .character-main .character-stats-band .character-resources .resource-label {
min-width: 3.8rem;
font-family: "BlueDragon", "Palatino Linotype", serif;
font-size: calc(0.82rem * 0.9);
color: #535128;
}
.oathhammer .character-main .character-stats-band .character-attributes {
flex: 1;
min-width: 0;
}
.oathhammer .character-main .character-stats-band .character-arcane-stress {
flex-shrink: 0;
width: auto;
}
.oathhammer .attributes-grid {
display: grid;