mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-01-12 03:31:07 +01:00
Fixed the layout
This commit is contained in:
parent
51eadc499f
commit
832504c3cc
4 changed files with 13 additions and 4 deletions
|
|
@ -339,11 +339,12 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 5px;
|
gap: 5px;
|
||||||
width: 250px;
|
width: 250px;
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
.experience-name {
|
.experience-name {
|
||||||
width: 180px;
|
width: 180px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
text-align: start;
|
text-align: start;
|
||||||
font-size: var(--font-size-14);
|
font-size: var(--font-size-14);
|
||||||
color: light-dark(@dark, @beige);
|
color: light-dark(@dark, @beige);
|
||||||
|
|
@ -353,6 +354,7 @@
|
||||||
.experience-value {
|
.experience-value {
|
||||||
height: 25px;
|
height: 25px;
|
||||||
width: 35px;
|
width: 35px;
|
||||||
|
min-width: 35px;
|
||||||
font-size: var(--font-size-14);
|
font-size: var(--font-size-14);
|
||||||
color: light-dark(@dark, @beige);
|
color: light-dark(@dark, @beige);
|
||||||
align-content: center;
|
align-content: center;
|
||||||
|
|
|
||||||
|
|
@ -586,12 +586,12 @@
|
||||||
.experience-row {
|
.experience-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 250px;
|
width: 250px;
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
.experience-value {
|
.experience-value {
|
||||||
height: 25px;
|
height: 25px;
|
||||||
width: 35px;
|
width: 35px;
|
||||||
|
min-width: 35px;
|
||||||
font-size: var(--font-size-14);
|
font-size: var(--font-size-14);
|
||||||
color: light-dark(@dark, @beige);
|
color: light-dark(@dark, @beige);
|
||||||
align-content: center;
|
align-content: center;
|
||||||
|
|
@ -599,6 +599,11 @@
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.experience-name {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
.controls {
|
.controls {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -50,13 +50,14 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 5px;
|
gap: 5px;
|
||||||
width: 250px;
|
width: 250px;
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
|
|
||||||
.experience-name {
|
.experience-name {
|
||||||
width: 180px;
|
width: 180px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
text-align: start;
|
text-align: start;
|
||||||
font-size: var(--font-size-14);
|
font-size: var(--font-size-14);
|
||||||
color: light-dark(@dark, @beige);
|
color: light-dark(@dark, @beige);
|
||||||
|
|
@ -66,6 +67,7 @@
|
||||||
.experience-value {
|
.experience-value {
|
||||||
height: 25px;
|
height: 25px;
|
||||||
width: 35px;
|
width: 35px;
|
||||||
|
min-width: 35px;
|
||||||
font-size: var(--font-size-14);
|
font-size: var(--font-size-14);
|
||||||
color: light-dark(@dark, @beige);
|
color: light-dark(@dark, @beige);
|
||||||
align-content: center;
|
align-content: center;
|
||||||
|
|
|
||||||
|
|
@ -147,7 +147,7 @@
|
||||||
<span class="experience-value">
|
<span class="experience-value">
|
||||||
+{{experience.value}}
|
+{{experience.value}}
|
||||||
</span>
|
</span>
|
||||||
<span>{{experience.name}}</span>
|
<span class="experience-name">{{experience.name}}</span>
|
||||||
<div class="controls">
|
<div class="controls">
|
||||||
<a data-action="sendExpToChat" data-type="experience" data-id="{{id}}">
|
<a data-action="sendExpToChat" data-type="experience" data-id="{{id}}">
|
||||||
<i class="fa-regular fa-message"></i>
|
<i class="fa-regular fa-message"></i>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue