Skip to content

Commit 37412df

Browse files
essenmitsosseessenmitsosse
committed
fix: icons with to much spacing
1 parent f305156 commit 37412df

2 files changed

Lines changed: 30 additions & 32 deletions

File tree

‎app/components/Link/Base.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -89,7 +89,7 @@ const isButtonMedium = computed(() => props.size === 'medium' && props.variant !
8989
:aria-keyshortcuts="keyshortcut"
9090
:target="isLinkExternal ? '_blank' : undefined"
9191
>
92-
<span v-if="classicon" class="me-1 size-[1em]" :class="classicon" aria-hidden="true" />
92+
<span v-if="classicon" class="size-[1em]" :class="classicon" aria-hidden="true" />
9393
<slot />
9494
<!-- automatically show icon indicating external link -->
9595
<span

‎app/components/Package/Versions.vue‎

Lines changed: 29 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -354,27 +354,25 @@ function getTagVersions(tag: string): VersionDisplay[] {
354354
<!-- Version info -->
355355
<div class="flex-1 py-1.5 min-w-0 flex gap-2 justify-between items-center">
356356
<div class="overflow-hidden">
357-
<div>
358-
<LinkBase
359-
:to="versionRoute(row.primaryVersion.version)"
360-
class="text-sm block truncate"
361-
:class="
362-
row.primaryVersion.deprecated ? 'text-red-400 hover:text-red-300' : undefined
363-
"
364-
:title="
365-
row.primaryVersion.deprecated
366-
? $t('package.versions.deprecated_title', {
367-
version: row.primaryVersion.version,
368-
})
369-
: row.primaryVersion.version
370-
"
371-
:classicon="row.primaryVersion.deprecated ? 'i-carbon-warning-hex' : undefined"
372-
>
373-
<span dir="ltr">
374-
{{ row.primaryVersion.version }}
375-
</span>
376-
</LinkBase>
377-
</div>
357+
<LinkBase
358+
:to="versionRoute(row.primaryVersion.version)"
359+
class="text-sm flex!"
360+
:class="
361+
row.primaryVersion.deprecated ? 'text-red-400 hover:text-red-300' : undefined
362+
"
363+
:title="
364+
row.primaryVersion.deprecated
365+
? $t('package.versions.deprecated_title', {
366+
version: row.primaryVersion.version,
367+
})
368+
: row.primaryVersion.version
369+
"
370+
:classicon="row.primaryVersion.deprecated ? 'i-carbon-warning-hex' : undefined"
371+
>
372+
<span dir="ltr" class="block truncate">
373+
{{ row.primaryVersion.version }}
374+
</span>
375+
</LinkBase>
378376
<div v-if="row.tags.length" class="flex items-center gap-1 mt-0.5 flex-wrap">
379377
<span
380378
v-for="tag in row.tags"
@@ -414,7 +412,7 @@ function getTagVersions(tag: string): VersionDisplay[] {
414412
<div class="flex items-center justify-between gap-2">
415413
<LinkBase
416414
:to="versionRoute(v.version)"
417-
class="text-xs block truncate"
415+
class="text-xs flex!"
418416
:class="v.deprecated ? 'text-red-400 hover:text-red-300' : undefined"
419417
:title="
420418
v.deprecated
@@ -423,7 +421,7 @@ function getTagVersions(tag: string): VersionDisplay[] {
423421
"
424422
:classicon="v.deprecated ? 'i-carbon-warning-hex' : undefined"
425423
>
426-
<span dir="ltr">
424+
<span dir="ltr" class="block truncate">
427425
{{ v.version }}
428426
</span>
429427
</LinkBase>
@@ -511,7 +509,7 @@ function getTagVersions(tag: string): VersionDisplay[] {
511509
<div class="flex items-center justify-between gap-2">
512510
<LinkBase
513511
:to="versionRoute(row.primaryVersion.version)"
514-
class="text-xs block truncate"
512+
class="text-xs flex!"
515513
:class="
516514
row.primaryVersion.deprecated ? 'text-red-400 hover:text-red-300' : undefined
517515
"
@@ -524,7 +522,7 @@ function getTagVersions(tag: string): VersionDisplay[] {
524522
"
525523
:classicon="row.primaryVersion.deprecated ? 'i-carbon-warning-hex' : undefined"
526524
>
527-
<span dir="ltr">
525+
<span dir="ltr" class="block truncate">
528526
{{ row.primaryVersion.version }}
529527
</span>
530528
</LinkBase>
@@ -583,7 +581,7 @@ function getTagVersions(tag: string): VersionDisplay[] {
583581
<LinkBase
584582
v-if="group.versions[0]?.version"
585583
:to="versionRoute(group.versions[0]?.version)"
586-
class="text-xs block truncate"
584+
class="text-xs flex!"
587585
:class="
588586
group.versions[0]?.deprecated
589587
? 'text-red-400 hover:text-red-300'
@@ -600,7 +598,7 @@ function getTagVersions(tag: string): VersionDisplay[] {
600598
group.versions[0]?.deprecated ? 'i-carbon-warning-hex' : undefined
601599
"
602600
>
603-
<span dir="ltr">
601+
<span dir="ltr" class="block truncate">
604602
{{ group.versions[0]?.version }}
605603
</span>
606604
</LinkBase>
@@ -644,7 +642,7 @@ function getTagVersions(tag: string): VersionDisplay[] {
644642
<LinkBase
645643
v-if="group.versions[0]?.version"
646644
:to="versionRoute(group.versions[0]?.version)"
647-
class="text-xs block truncate"
645+
class="text-xs flex!"
648646
:class="
649647
group.versions[0]?.deprecated
650648
? 'text-red-400 hover:text-red-300'
@@ -661,7 +659,7 @@ function getTagVersions(tag: string): VersionDisplay[] {
661659
group.versions[0]?.deprecated ? 'i-carbon-warning-hex' : undefined
662660
"
663661
>
664-
<span dir="ltr">
662+
<span dir="ltr" class="block truncate">
665663
{{ group.versions[0]?.version }}
666664
</span>
667665
</LinkBase>
@@ -703,7 +701,7 @@ function getTagVersions(tag: string): VersionDisplay[] {
703701
<div class="flex items-center justify-between gap-2">
704702
<LinkBase
705703
:to="versionRoute(v.version)"
706-
class="text-xs block truncate"
704+
class="text-xs flex!"
707705
:class="v.deprecated ? 'text-red-400 hover:text-red-300' : undefined"
708706
:title="
709707
v.deprecated
@@ -712,7 +710,7 @@ function getTagVersions(tag: string): VersionDisplay[] {
712710
"
713711
:classicon="v.deprecated ? 'i-carbon-warning-hex' : undefined"
714712
>
715-
<span dir="ltr">
713+
<span dir="ltr" class="block truncate">
716714
{{ v.version }}
717715
</span>
718716
</LinkBase>

0 commit comments

Comments
 (0)