Merge pull request #21516 from overleaf/jel-template-labels

[web] Use grid layout for template details

GitOrigin-RevId: 1f15dfcd9bc04bec5bd7e0b6a7b1230966def997
This commit is contained in:
Jessica Lawshe 2024-11-05 09:23:34 -06:00 committed by Copybot
parent 562a4e4ce6
commit c27dc70c80

View file

@ -328,9 +328,19 @@
} }
.template-details-container { .template-details-container {
display: flex; @include heading-xs;
flex-direction: column;
gap: var(--spacing-04); gap: var(--spacing-04) var(--spacing-11);
display: grid;
grid-template-columns: auto auto;
.template-detail {
display: contents;
&.tags > div {
margin-top: var(--spacing-06);
}
}
} }
.gallery-abstract { .gallery-abstract {
@ -340,17 +350,10 @@
a { a {
hyphens: none; hyphens: none;
} }
p:last-child {
margin-bottom: 0;
} }
.field-title {
color: var(--neutral-70);
font-weight: 600;
@include heading-xs;
}
.field-description {
@include heading-xs;
} }
.cta-links-container { .cta-links-container {