[Fix] Sheet Sidebar Experience Layout (#1462)

* Fixed the layout

* Added small line-height to the experience name

* Centered
This commit is contained in:
WBHarry 2025-12-24 00:52:57 +01:00 committed by GitHub
parent 7e2b144bf4
commit f184db1f93
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 16 additions and 1 deletions

View file

@ -344,15 +344,19 @@
.experience-name {
width: 180px;
display: flex;
align-items: center;
text-align: start;
font-size: var(--font-size-14);
color: light-dark(@dark, @beige);
line-height: 1;
}
}
.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

@ -592,6 +592,7 @@
.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 +600,12 @@
margin-right: 5px;
}
.experience-name {
display: flex;
align-items: center;
line-height: 1;
}
.controls {
margin-left: auto;
}

View file

@ -57,6 +57,9 @@
.experience-name {
width: 180px;
display: flex;
align-items: center;
line-height: 1;
text-align: start;
font-size: var(--font-size-14);
color: light-dark(@dark, @beige);
@ -66,6 +69,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>