More visual tweaking

This commit is contained in:
shamoon
2026-02-26 00:02:22 -08:00
parent 368d57f1aa
commit 6dcbffe347
2 changed files with 13 additions and 14 deletions

View File

@@ -57,12 +57,12 @@
}
</div>
@for (version of versions; track version.id) {
<div class="dropdown-item border-top">
<div class="d-flex align-items-center w-100 version-item">
<div class="btn btn-link link-underline link-underline-opacity-0 d-flex align-items-center small text-start version-link"
<div class="dropdown-item border-top px-0">
<div class="d-flex align-items-center w-100 py-2 version-item">
<div class="btn btn-link link-underline link-underline-opacity-0 d-flex align-items-center small text-start p-0 version-link"
(click)="selectVersion(version.id)"
>
<div class="check me-3">
<div class="check mx-3">
@if (selectedVersionId === version.id) {
<i-bs name="check2-square"></i-bs>
} @else {
@@ -84,7 +84,7 @@
(click)="$event.stopPropagation()"
/>
} @else {
<span class="input-group-text">
<span class="input-group-text version-label">
@if (version.version_label) {
{{ version.version_label }}
} @else {
@@ -107,17 +107,17 @@
</button>
}
</div>
<div class="text-muted small">
<div class="d-flex text-muted small align-items-center mt-1">
{{ version.added | customDate:'short' }}
<div class="badge bg-light text-muted ms-auto">
{{ version.checksum | slice:0:8 }}
</div>
</div>
</div>
<div class="badge bg-light text-lowercase text-muted ms-3">
{{ version.checksum | slice:0:8 }}
</div>
</div>
@if (!version.is_root) {
<pngx-confirm-button
buttonClasses="btn btn-sm btn-link text-danger"
buttonClasses="btn btn-sm btn-link text-danger mx-1"
iconName="trash"
confirmMessage="Delete this version?"
i18n-confirmMessage

View File

@@ -5,14 +5,13 @@
}
> .version-link {
min-width: 300px;
.flex-column {
width: 170px;
width: 260px;
}
.input-group .input-group-text, .input-group input {
.input-group .version-label, .input-group input {
width: 140px;
flex: 1 1 auto;
}
}
}