Skip to content

Commit c8fff5c

Browse files
essenmitsosseessenmitsosse
committed
refactor: replace external link icon
1 parent ac362e0 commit c8fff5c

12 files changed

Lines changed: 21 additions & 21 deletions

File tree

‎app/components/Header/MobileMenu.client.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -211,7 +211,7 @@ onUnmounted(deactivate)
211211
{{ link.label }}
212212
<span
213213
v-if="link.external"
214-
class="i-carbon:launch rtl-flip w-3 h-3 ms-auto text-fg-subtle"
214+
class="i-lucide:external-link rtl-flip w-3 h-3 ms-auto text-fg-subtle"
215215
aria-hidden="true"
216216
/>
217217
</NuxtLink>

‎app/components/Link/Base.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,7 @@ const isButtonMedium = computed(() => props.size === 'medium' && !isLink.value)
100100
<!-- automatically show icon indicating external link -->
101101
<span
102102
v-if="isLinkExternal && !classicon"
103-
class="i-carbon:launch rtl-flip size-[1em] opacity-50"
103+
class="i-lucide:external-link rtl-flip size-[1em] opacity-50"
104104
aria-hidden="true"
105105
/>
106106
<span

‎app/components/Org/OperationsQueue.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -384,7 +384,7 @@ watch(isExecuting, executing => {
384384
class="flex-1 px-4 py-2 font-mono text-sm text-accent bg-accent/10 border border-accent/30 rounded-md transition-colors duration-200 hover:bg-accent/20"
385385
@click="handleOpenAuthUrl"
386386
>
387-
<span class="i-carbon:launch w-4 h-4 inline-block me-1" aria-hidden="true" />
387+
<span class="i-lucide:external-link w-4 h-4 inline-block me-1" aria-hidden="true" />
388388
{{ $t('operations.queue.open_web_auth') }}
389389
</button>
390390
</div>

‎app/components/Package/Replacement.vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ const docPath = computed(() => {
5050
class="inline-flex items-center gap-1 ms-1 underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg transition-colors"
5151
>
5252
{{ $t('package.replacement.community') }}
53-
<span class="i-carbon:launch w-3 h-3" aria-hidden="true" />
53+
<span class="i-lucide:external-link w-3 h-3" aria-hidden="true" />
5454
</a>
5555
</template>
5656
<template #replacement>
@@ -70,7 +70,7 @@ const docPath = computed(() => {
7070
class="inline-flex items-center gap-1 ms-1 underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg transition-colors"
7171
>
7272
{{ $t('package.replacement.community') }}
73-
<span class="i-carbon:launch w-3 h-3" aria-hidden="true" />
73+
<span class="i-lucide:external-link w-3 h-3" aria-hidden="true" />
7474
</a>
7575
</template>
7676
</i18n-t>
@@ -85,7 +85,7 @@ const docPath = computed(() => {
8585
class="inline-flex items-center gap-1 ms-1 underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg transition-colors"
8686
>
8787
{{ $t('package.replacement.mdn') }}
88-
<span class="i-carbon:launch w-3 h-3" aria-hidden="true" />
88+
<span class="i-lucide:external-link w-3 h-3" aria-hidden="true" />
8989
</a>
9090
<a
9191
v-if="docPath"
@@ -95,7 +95,7 @@ const docPath = computed(() => {
9595
class="inline-flex items-center gap-1 ms-1 underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg transition-colors"
9696
>
9797
{{ $t('package.replacement.learn_more') }}
98-
<span class="i-carbon:launch w-3 h-3" aria-hidden="true" />
98+
<span class="i-lucide:external-link w-3 h-3" aria-hidden="true" />
9999
</a>
100100
</p>
101101
</div>

‎app/components/Readme.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -147,7 +147,7 @@ function handleClick(event: MouseEvent) {
147147
.readme :deep(a[target='_blank']:not(:has(img))::after) {
148148
/* I don't know what kind of sorcery this is, but it ensures this icon can't wrap to a new line on its own. */
149149
content: '__';
150-
@apply inline i-carbon:launch rtl-flip ms-1 opacity-50;
150+
@apply inline i-lucide:external-link rtl-flip ms-1 opacity-50;
151151
}
152152
153153
.readme :deep(code) {

‎app/components/SearchProviderToggle.client.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -125,7 +125,7 @@ useEventListener('keydown', event => {
125125
class="text-xs text-fg-subtle hover:text-fg-muted transition-colors inline-flex items-center gap-1 px-2"
126126
>
127127
{{ $t('search.algolia_disclaimer') }}
128-
<span class="i-carbon:launch w-3 h-3" aria-hidden="true" />
128+
<span class="i-lucide:external-link w-3 h-3" aria-hidden="true" />
129129
</a>
130130
</div>
131131
</div>

‎app/pages/about.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -215,7 +215,7 @@ const roleLabels = computed(
215215
</LinkBase>
216216
</div>
217217
<span
218-
class="i-carbon:launch rtl-flip w-3.5 h-3.5 text-fg-muted opacity-50 shrink-0 self-start mt-0.5"
218+
class="i-lucide:external-link rtl-flip w-3.5 h-3.5 text-fg-muted opacity-50 shrink-0 self-start mt-0.5"
219219
aria-hidden="true"
220220
/>
221221
</li>

‎app/pages/accessibility.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -132,7 +132,7 @@ const canGoBack = useCanGoBack()
132132
class="inline-flex items-center gap-1 text-fg-muted hover:text-fg underline decoration-fg-subtle/50 hover:decoration-fg"
133133
>
134134
{{ $t('a11y.contact.link') }}
135-
<span class="i-carbon:launch rtl-flip w-4 h-4" aria-hidden="true" />
135+
<span class="i-lucide:external-link rtl-flip w-4 h-4" aria-hidden="true" />
136136
</a>
137137
</template>
138138
</i18n-t>

‎app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -463,7 +463,7 @@ defineOgImageComponent('Default', {
463463
class="px-2 py-1 font-mono text-xs text-fg-muted bg-bg-subtle border border-border rounded hover:text-fg hover:border-border-hover transition-colors inline-flex items-center gap-1"
464464
>
465465
{{ $t('code.raw') }}
466-
<span class="i-carbon:launch w-3 h-3" />
466+
<span class="i-lucide:external-link w-3 h-3" />
467467
</a>
468468
</div>
469469
</div>

‎app/pages/package/[[org]]/[name].vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1169,7 +1169,7 @@ const showSkeleton = shallowRef(false)
11691169
rel="noopener noreferrer"
11701170
class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
11711171
>{{ $t('package.security_downgrade.provenance_link_text')
1172-
}}<span class="i-carbon:launch w-3 h-3" aria-hidden="true"
1172+
}}<span class="i-lucide:external-link w-3 h-3" aria-hidden="true"
11731173
/></a>
11741174
</template>
11751175
</i18n-t>
@@ -1189,7 +1189,7 @@ const showSkeleton = shallowRef(false)
11891189
rel="noopener noreferrer"
11901190
class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
11911191
>{{ $t('package.security_downgrade.trusted_publishing_link_text')
1192-
}}<span class="i-carbon:launch w-3 h-3" aria-hidden="true"
1192+
}}<span class="i-lucide:external-link w-3 h-3" aria-hidden="true"
11931193
/></a>
11941194
</template>
11951195
</i18n-t>
@@ -1209,7 +1209,7 @@ const showSkeleton = shallowRef(false)
12091209
rel="noopener noreferrer"
12101210
class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
12111211
>{{ $t('package.security_downgrade.provenance_link_text')
1212-
}}<span class="i-carbon:launch w-3 h-3" aria-hidden="true"
1212+
}}<span class="i-lucide:external-link w-3 h-3" aria-hidden="true"
12131213
/></a>
12141214
</template>
12151215
<template #trustedPublishing>
@@ -1219,7 +1219,7 @@ const showSkeleton = shallowRef(false)
12191219
rel="noopener noreferrer"
12201220
class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
12211221
>{{ $t('package.security_downgrade.trusted_publishing_link_text')
1222-
}}<span class="i-carbon:launch w-3 h-3" aria-hidden="true"
1222+
}}<span class="i-lucide:external-link w-3 h-3" aria-hidden="true"
12231223
/></a>
12241224
</template>
12251225
</i18n-t>

0 commit comments

Comments
 (0)