Fixed the layout

This commit is contained in:
WBHarry 2025-12-23 00:53:11 +01:00
parent 51eadc499f
commit 832504c3cc
4 changed files with 13 additions and 4 deletions

View file

@ -339,11 +339,12 @@
display: flex;
gap: 5px;
width: 250px;
align-items: center;
justify-content: space-between;
.experience-name {
width: 180px;
display: flex;
align-items: center;
text-align: start;
font-size: var(--font-size-14);
color: light-dark(@dark, @beige);
@ -353,6 +354,7 @@
.experience-value {
height: 25px;
width: 35px;
min-width: 35px;
font-size: var(--font-size-14);
color: light-dark(@dark, @beige);
align-content: center;

View file

@ -586,12 +586,12 @@
.experience-row {
display: flex;
width: 250px;
align-items: center;
justify-content: space-between;
.experience-value {
height: 25px;
width: 35px;
min-width: 35px;
font-size: var(--font-size-14);
color: light-dark(@dark, @beige);
align-content: center;
@ -599,6 +599,11 @@
margin-right: 5px;
}
.experience-name {
display: flex;
align-items: center;
}
.controls {
margin-left: auto;
}

View file

@ -50,13 +50,14 @@
display: flex;
gap: 5px;
width: 250px;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 0 10px;
.experience-name {
width: 180px;
display: flex;
align-items: center;
text-align: start;
font-size: var(--font-size-14);
color: light-dark(@dark, @beige);
@ -66,6 +67,7 @@
.experience-value {
height: 25px;
width: 35px;
min-width: 35px;
font-size: var(--font-size-14);
color: light-dark(@dark, @beige);
align-content: center;

View file

@ -147,7 +147,7 @@
<span class="experience-value">
+{{experience.value}}
</span>
<span>{{experience.name}}</span>
<span class="experience-name">{{experience.name}}</span>
<div class="controls">
<a data-action="sendExpToChat" data-type="experience" data-id="{{id}}">
<i class="fa-regular fa-message"></i>