2
0

style(repo): improve cross-promote tile layout and spacing

This commit is contained in:
2026-01-31 09:53:17 -05:00
parent 85b2b8239d
commit ca9de21f84

View File

@@ -63,7 +63,7 @@
<div class="flex-item-title">
{{ctx.Locale.Tr "repo.cross_promoted"}}
</div>
<div class="flex-item-body cross-promote-tiles">
<div class="flex-item-body cross-promote-tiles" style="margin-top: 8px;">
{{range .CrossPromotedRepos}}
<a class="cross-promote-tile" href="{{.TargetRepo.Link}}">
<div class="cross-promote-tile-icon">
@@ -94,17 +94,21 @@
display: flex;
flex-direction: column;
gap: 6px;
width: 100%;
}
.cross-promote-tile {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
min-height: 56px;
padding: 10px 12px;
border-radius: 8px;
border: 1px solid var(--color-secondary-alpha-40, rgba(0, 0, 0, 0.08));
background: var(--color-box-body);
color: var(--color-text);
text-decoration: none;
box-sizing: border-box;
transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}
.cross-promote-tile:hover {