Style improvements

This commit is contained in:
WBHarry 2025-06-06 23:14:07 +02:00
parent 92b4bfd741
commit 19a71a6a7f
3 changed files with 13 additions and 7 deletions

View file

@ -1321,7 +1321,7 @@
.combat-sidebar .token-actions {
align-self: stretch;
display: flex;
align-items: center;
align-items: top;
justify-content: center;
gap: 16px;
}
@ -1332,7 +1332,7 @@
.combat-sidebar .token-actions .action-tokens .action-token {
height: 24px;
border: 1px solid;
border-radius: 8px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
@ -1342,9 +1342,12 @@
}
.combat-sidebar .token-actions .action-tokens .action-token.used {
opacity: 0.5;
background: transparent;
}
.combat-sidebar .token-actions button {
font-size: 22px;
height: 24px;
width: 24px;
}
.combat-sidebar .token-actions button.main {
background: var(--button-hover-background-color);
@ -1365,7 +1368,7 @@
filter: drop-shadow(0 0 3px gold);
color: var(--button-hover-text-color);
}
.combat-sidebar h5 {
.combat-sidebar h4 {
margin: 0;
text-align: center;
}

View file

@ -33,7 +33,7 @@
.token-actions {
align-self: stretch;
display: flex;
align-items: center;
align-items: top;
justify-content: center;
gap: 16px;
@ -44,7 +44,7 @@
.action-token {
height: 24px;
border: 1px solid;
border-radius: 8px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
@ -54,12 +54,15 @@
&.used {
opacity: 0.5;
background: transparent;
}
}
}
button {
font-size: 22px;
height: 24px;
width: 24px;
&.main {
background: var(--button-hover-background-color);
@ -89,7 +92,7 @@
}
}
h5 {
h4 {
margin: 0;
text-align: center;
}

View file

@ -1,5 +1,5 @@
<div>
<h5>{{title}}</h5>
<h4 class="divider">{{title}}</h4>
<ol class="combat-tracker plain">
{{#each turns}}
<li class="combatant {{ css }}" data-combatant-id="{{ id }}" data-action="activateCombatant">