Skip to content

Commit a02d0e4

Browse files
essenmitsosseessenmitsosse
committed
refactor: unify syntax for carbon icons
1 parent a5b2e9c commit a02d0e4

29 files changed

Lines changed: 78 additions & 78 deletions

‎app/components/Code/MobileTreeDrawer.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,7 @@ watch(isOpen, open => (isLocked.value = open))
6868
<ButtonBase
6969
:aria-label="$t('code.close_tree')"
7070
@click="isOpen = false"
71-
classicon="i-carbon-close"
71+
classicon="i-carbon:close"
7272
/>
7373
</div>
7474
<CodeFileTree

‎app/components/ColumnPicker.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,7 @@ function handleReset() {
7575
aria-haspopup="true"
7676
:aria-controls="menuId"
7777
@click.stop="isOpen = !isOpen"
78-
classicon="i-carbon-column"
78+
classicon="i-carbon:column"
7979
>
8080
{{ $t('filters.columns.title') }}
8181
</ButtonBase>

‎app/components/Filter/Chips.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ const emit = defineEmits<{
2525
:aria-label="$t('filters.remove_filter', { label: chip.label })"
2626
@click="emit('remove', chip)"
2727
>
28-
<span class="i-carbon-close w-3 h-3" aria-hidden="true" />
28+
<span class="i-carbon:close w-3 h-3" aria-hidden="true" />
2929
</button>
3030
</TagStatic>
3131
</TransitionGroup>

‎app/components/Filter/Panel.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -193,14 +193,14 @@ const hasActiveFilters = computed(() => !!filterSummary.value)
193193
@click="isExpanded = !isExpanded"
194194
>
195195
<span class="flex items-center gap-2 text-sm font-mono text-fg shrink-0">
196-
<span class="i-carbon-filter w-4 h-4" aria-hidden="true" />
196+
<span class="i-carbon:filter w-4 h-4" aria-hidden="true" />
197197
{{ $t('filters.title') }}
198198
</span>
199199
<span v-if="!isExpanded && hasActiveFilters" class="text-xs font-mono text-fg-muted truncate">
200200
{{ filterSummary }}
201201
</span>
202202
<span
203-
class="i-carbon-chevron-down w-4 h-4 text-fg-subtle transition-transform duration-200 shrink-0 ms-auto"
203+
class="i-carbon:chevron-down w-4 h-4 text-fg-subtle transition-transform duration-200 shrink-0 ms-auto"
204204
:class="{ 'rotate-180': isExpanded }"
205205
aria-hidden="true"
206206
/>

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

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@ function openAuthModal() {
8383
v-else-if="isNpmConnected"
8484
class="w-6 h-6 rounded-full bg-bg-muted ring-2 ring-bg flex items-center justify-center"
8585
>
86-
<span class="i-carbon-terminal w-3 h-3 text-fg-muted" aria-hidden="true" />
86+
<span class="i-carbon:terminal w-3 h-3 text-fg-muted" aria-hidden="true" />
8787
</span>
8888

8989
<!-- Atmosphere avatar (second/front, overlapping) -->
@@ -101,7 +101,7 @@ function openAuthModal() {
101101
class="w-6 h-6 rounded-full bg-bg-muted ring-2 ring-bg flex items-center justify-center"
102102
:class="hasBothConnections ? 'relative z-10' : ''"
103103
>
104-
<span class="i-carbon-cloud w-3 h-3 text-fg-muted" aria-hidden="true" />
104+
<span class="i-carbon:cloud w-3 h-3 text-fg-muted" aria-hidden="true" />
105105
</span>
106106
</span>
107107

@@ -112,7 +112,7 @@ function openAuthModal() {
112112

113113
<!-- Chevron -->
114114
<span
115-
class="i-carbon-chevron-down w-3 h-3 transition-transform duration-200"
115+
class="i-carbon:chevron-down w-3 h-3 transition-transform duration-200"
116116
:class="{ 'rotate-180': isOpen }"
117117
aria-hidden="true"
118118
/>
@@ -161,7 +161,7 @@ function openAuthModal() {
161161
v-else
162162
class="w-8 h-8 rounded-full bg-bg-muted flex items-center justify-center"
163163
>
164-
<span class="i-carbon-terminal w-4 h-4 text-fg-muted" aria-hidden="true" />
164+
<span class="i-carbon:terminal w-4 h-4 text-fg-muted" aria-hidden="true" />
165165
</span>
166166
<span class="flex-1 min-w-0">
167167
<span class="font-mono text-sm text-fg truncate block">~{{ npmUser }}</span>
@@ -203,7 +203,7 @@ function openAuthModal() {
203203
v-else
204204
class="w-8 h-8 rounded-full bg-bg-muted flex items-center justify-center"
205205
>
206-
<span class="i-carbon-cloud w-4 h-4 text-fg-muted" aria-hidden="true" />
206+
<span class="i-carbon:cloud w-4 h-4 text-fg-muted" aria-hidden="true" />
207207
</span>
208208
<span class="flex-1 min-w-0">
209209
<span class="font-mono text-sm text-fg truncate block"
@@ -231,10 +231,10 @@ function openAuthModal() {
231231
<span class="w-8 h-8 rounded-full bg-bg-muted flex items-center justify-center">
232232
<span
233233
v-if="isNpmConnecting"
234-
class="i-carbon-circle-dash w-4 h-4 text-yellow-500 animate-spin"
234+
class="i-carbon:circle-dash w-4 h-4 text-yellow-500 animate-spin"
235235
aria-hidden="true"
236236
/>
237-
<span v-else class="i-carbon-terminal w-4 h-4 text-fg-muted" aria-hidden="true" />
237+
<span v-else class="i-carbon:terminal w-4 h-4 text-fg-muted" aria-hidden="true" />
238238
</span>
239239
<span class="flex-1 min-w-0">
240240
<span class="font-mono text-sm text-fg block">
@@ -255,7 +255,7 @@ function openAuthModal() {
255255
@click="openAuthModal"
256256
>
257257
<span class="w-8 h-8 rounded-full bg-bg-muted flex items-center justify-center">
258-
<span class="i-carbon-cloud w-4 h-4 text-fg-muted" aria-hidden="true" />
258+
<span class="i-carbon:cloud w-4 h-4 text-fg-muted" aria-hidden="true" />
259259
</span>
260260
<span class="flex-1 min-w-0">
261261
<span class="font-mono text-sm text-fg block">

‎app/components/Header/AccountMenu.server.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
class="inline-flex gap-x-1 items-center justify-center font-mono border border-border rounded-md text-sm px-4 py-2 bg-transparent text-fg border-none"
55
>
66
<span class="font-mono text-sm text-fg-muted">{{ $t('account_menu.connect') }}</span>
7-
<span class="i-carbon-chevron-down w-3 h-3 text-fg-muted" aria-hidden="true" />
7+
<span class="i-carbon:chevron-down w-3 h-3 text-fg-muted" aria-hidden="true" />
88
</div>
99
</div>
1010
</template>

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

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -130,7 +130,7 @@ onUnmounted(deactivate)
130130
v-else
131131
class="w-5 h-5 rounded-full bg-bg-muted flex items-center justify-center"
132132
>
133-
<span class="i-carbon-terminal w-3 h-3 text-fg-muted" aria-hidden="true" />
133+
<span class="i-carbon:terminal w-3 h-3 text-fg-muted" aria-hidden="true" />
134134
</span>
135135
<span class="flex-1">~{{ npmUser }}</span>
136136
<span class="w-2 h-2 rounded-full bg-green-500" aria-hidden="true" />
@@ -155,7 +155,7 @@ onUnmounted(deactivate)
155155
v-else
156156
class="w-5 h-5 rounded-full bg-bg-muted flex items-center justify-center"
157157
>
158-
<span class="i-carbon-cloud w-3 h-3 text-fg-muted" aria-hidden="true" />
158+
<span class="i-carbon:cloud w-3 h-3 text-fg-muted" aria-hidden="true" />
159159
</span>
160160
<span class="flex-1 truncate">@{{ atprotoUser.handle }}</span>
161161
</button>
@@ -168,7 +168,7 @@ onUnmounted(deactivate)
168168
@click="handleShowAuth"
169169
>
170170
<span class="w-5 h-5 rounded-full bg-bg-muted flex items-center justify-center">
171-
<span class="i-carbon-cloud w-3 h-3 text-fg-muted" aria-hidden="true" />
171+
<span class="i-carbon:cloud w-3 h-3 text-fg-muted" aria-hidden="true" />
172172
</span>
173173
<span class="flex-1">{{ $t('account_menu.connect_atmosphere') }}</span>
174174
</button>

‎app/components/Header/OrgsDropdown.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ function handleKeydown(event: KeyboardEvent) {
6363
>
6464
{{ $t('header.orgs') }}
6565
<span
66-
class="i-carbon-chevron-down w-3 h-3 transition-transform duration-200"
66+
class="i-carbon:chevron-down w-3 h-3 transition-transform duration-200"
6767
:class="{ 'rotate-180': isOpen }"
6868
aria-hidden="true"
6969
/>

‎app/components/Header/PackagesDropdown.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ function handleKeydown(event: KeyboardEvent) {
6363
>
6464
{{ $t('header.packages') }}
6565
<span
66-
class="i-carbon-chevron-down w-3 h-3 transition-transform duration-200"
66+
class="i-carbon:chevron-down w-3 h-3 transition-transform duration-200"
6767
:class="{ 'rotate-180': isOpen }"
6868
aria-hidden="true"
6969
/>

‎app/components/LicenseDisplay.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ const hasAnyValidLicense = computed(() => tokens.value.some(t => t.type === 'lic
2828
</template>
2929
<span
3030
v-if="hasAnyValidLicense"
31-
class="i-carbon-scales w-3.5 h-3.5 text-fg-subtle flex-shrink-0 self-center"
31+
class="i-carbon:scales w-3.5 h-3.5 text-fg-subtle flex-shrink-0 self-center"
3232
aria-hidden="true"
3333
/>
3434
</span>

0 commit comments

Comments
 (0)