Merge branch 'worktree-slice-0.4-first-loot'
This commit is contained in:
@@ -15,6 +15,16 @@
|
||||
></span>
|
||||
</span>
|
||||
</div>
|
||||
<dl class="top-bar__resources">
|
||||
<div class="top-bar__resource" data-top-bar-silver>
|
||||
<dt>Silber</dt>
|
||||
<dd>{{ character.silver }}</dd>
|
||||
</div>
|
||||
<div class="top-bar__resource" data-top-bar-experience>
|
||||
<dt>XP</dt>
|
||||
<dd>{{ character.experience }}</dd>
|
||||
</div>
|
||||
</dl>
|
||||
} @else {
|
||||
<span class="top-bar__loading">Charakterdaten werden geladen</span>
|
||||
}
|
||||
|
||||
@@ -110,3 +110,29 @@
|
||||
min-inline-size: 5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.top-bar__resources {
|
||||
display: flex;
|
||||
gap: var(--ar-space-4);
|
||||
margin: 0;
|
||||
padding-inline-start: var(--ar-space-4);
|
||||
border-inline-start: 1px solid var(--ar-border);
|
||||
}
|
||||
|
||||
.top-bar__resource {
|
||||
display: grid;
|
||||
gap: var(--ar-space-1);
|
||||
}
|
||||
|
||||
.top-bar__resource dt {
|
||||
color: var(--ar-text-muted);
|
||||
font-size: var(--ar-font-sm);
|
||||
letter-spacing: 0.08em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.top-bar__resource dd {
|
||||
margin: 0;
|
||||
color: var(--ar-gold);
|
||||
font-family: Georgia, 'Times New Roman', serif;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user