style(repo): improve cross-promote tile layout and spacing
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user