Skip to content

Commit beee5a9

Browse files
IdrisGitIdrisGit
committed
style: use lucide icons | fix: css for sr
1 parent 9831bf9 commit beee5a9

3 files changed

Lines changed: 18 additions & 17 deletions

File tree

‎app/components/Package/SkillsModal.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -133,12 +133,12 @@ function getWarningTooltip(skill: SkillListItem): string | undefined {
133133
</code>
134134
<button
135135
type="button"
136-
class="absolute top-0 inset-ie-0 px-2 py-0.5 font-mono text-xs text-fg-muted bg-bg-subtle/80 border border-border border-solid rounded transition-colors hover:(text-fg border-border-hover) active:scale-95 focus-visible:outline-accent/70 media-mouse:not-focus:sr-only"
136+
class="absolute top-0 inset-ie-0 px-2 py-0.5 font-mono text-xs text-fg-muted bg-bg-subtle/80 border border-border border-solid rounded transition-colors hover:(text-fg border-border-hover) active:scale-95 focus-visible:outline-accent/70 media-mouse:opacity-0 media-mouse:group-hover:opacity-100 media-mouse:focus-within:opacity-100"
137137
:aria-label="$t('package.get_started.copy_command')"
138138
@click.stop="copyCommand"
139139
>
140140
<span
141-
:class="copied ? 'i-carbon:checkmark' : 'i-carbon:copy'"
141+
:class="copied ? 'i-lucide:check' : 'i-lucide:copy'"
142142
class="size-4 inline-block"
143143
aria-hidden="true"
144144
/>

‎app/components/Terminal/Execute.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -70,12 +70,12 @@ const copyExecuteCommand = () => copyExecute(getFullExecuteCommand())
7070
>
7171
<button
7272
type="button"
73-
class="p-1 ms-1 flex items-center font-mono text-xs text-fg-muted bg-bg-subtle/80 border border-border border-solid rounded transition-colors duration-200 hover:(text-fg border-border-hover) active:scale-95 focus-visible:outline-accent/70 media-mouse:not-focus:sr-only"
73+
class="p-1 ms-1 flex items-center font-mono text-xs text-fg-muted bg-bg-subtle/80 border border-border border-solid rounded transition-colors duration-200 hover:(text-fg border-border-hover) active:scale-95 focus-visible:outline-accent/70 media-mouse:opacity-0 media-mouse:group-hover:opacity-100 media-mouse:focus-within:opacity-100"
7474
:aria-label="$t('package.get_started.copy_command')"
7575
@click.stop="copyExecuteCommand"
7676
>
7777
<span
78-
:class="executeCopied ? 'i-carbon:checkmark' : 'i-carbon:copy'"
78+
:class="executeCopied ? 'i-lucide:check' : 'i-lucide:copy'"
7979
class="size-4 inline-block"
8080
aria-hidden="true"
8181
/>

‎app/components/Terminal/Install.vue‎

Lines changed: 14 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -153,12 +153,12 @@ const copyDevInstallCommand = () =>
153153
>
154154
<button
155155
type="button"
156-
class="p-1 ms-1 flex items-center font-mono text-xs text-fg-muted bg-bg-subtle/80 border border-border border-solid rounded transition-colors duration-200 hover:(text-fg border-border-hover) active:scale-95 focus-visible:outline-accent/70 media-mouse:not-focus:sr-only"
156+
class="p-1 ms-1 flex items-center font-mono text-xs text-fg-muted bg-bg-subtle/80 border border-border border-solid rounded transition-colors duration-200 hover:(text-fg border-border-hover) active:scale-95 focus-visible:outline-accent/70 media-mouse:opacity-0 media-mouse:group-hover:opacity-100 media-mouse:focus-within:opacity-100"
157157
:aria-label="$t('package.get_started.copy_command')"
158158
@click.stop="copyInstallCommand"
159159
>
160160
<span
161-
:class="copied ? 'i-carbon:checkmark' : 'i-carbon:copy'"
161+
:class="copied ? 'i-lucide:check' : 'i-lucide:copy'"
162162
class="size-4 inline-block"
163163
aria-hidden="true"
164164
/>
@@ -187,17 +187,18 @@ const copyDevInstallCommand = () =>
187187
>{{ i > 0 ? ' ' : '' }}{{ part }}</span
188188
></code
189189
>
190-
<ButtonBase
190+
<button
191191
type="button"
192-
size="small"
193-
class="text-fg-muted bg-bg-subtle/80 border-border media-mouse:not-focus:sr-only active:scale-95 focus-visible:opacity-100 select-none"
192+
class="p-1 ms-1 flex items-center font-mono text-xs text-fg-muted bg-bg-subtle/80 border border-border border-solid rounded transition-colors duration-200 hover:(text-fg border-border-hover) active:scale-95 focus-visible:outline-accent/70 media-mouse:opacity-0 media-mouse:group-hover:opacity-100 media-mouse:focus-within:opacity-100"
194193
:aria-label="$t('package.get_started.copy_dev_command')"
195194
@click.stop="copyDevInstallCommand"
196195
>
197-
<span aria-live="polite">{{
198-
devInstallCopied ? $t('common.copied') : $t('common.copy')
199-
}}</span>
200-
</ButtonBase>
196+
<span
197+
:class="devInstallCopied ? 'i-lucide:check' : 'i-lucide:copy'"
198+
class="size-4 inline-block"
199+
aria-hidden="true"
200+
/>
201+
</button>
201202
</div>
202203
</template>
203204

@@ -255,12 +256,12 @@ const copyDevInstallCommand = () =>
255256
>
256257
<button
257258
type="button"
258-
class="p-1 ms-1 flex items-center font-mono text-xs text-fg-muted bg-bg-subtle/80 border border-border border-solid rounded transition-colors duration-200 hover:(text-fg border-border-hover) active:scale-95 focus-visible:outline-accent/70 media-mouse:not-focus:sr-only"
259+
class="p-1 ms-1 flex items-center font-mono text-xs text-fg-muted bg-bg-subtle/80 border border-border border-solid rounded transition-colors duration-200 hover:(text-fg border-border-hover) active:scale-95 focus-visible:outline-accent/70 media-mouse:opacity-0 media-mouse:group-hover:opacity-100 media-mouse:focus-within:opacity-100"
259260
:aria-label="$t('package.run.copy_command')"
260261
@click.stop="copyRunCommand(executableInfo?.primaryCommand)"
261262
>
262263
<span
263-
:class="runCopied ? 'i-carbon:checkmark' : 'i-carbon:copy'"
264+
:class="runCopied ? 'i-lucide:check' : 'i-lucide:copy'"
264265
class="size-4 inline-block"
265266
aria-hidden="true"
266267
/>
@@ -305,12 +306,12 @@ const copyDevInstallCommand = () =>
305306
>
306307
<button
307308
type="button"
308-
class="p-1 ms-1 flex items-center font-mono text-xs text-fg-muted bg-bg-subtle/80 border border-border border-solid rounded transition-colors duration-200 hover:(text-fg border-border-hover) active:scale-95 focus-visible:outline-accent/70 media-mouse:not-focus:sr-only"
309+
class="p-1 ms-1 flex items-center font-mono text-xs text-fg-muted bg-bg-subtle/80 border border-border border-solid rounded transition-colors duration-200 hover:(text-fg border-border-hover) active:scale-95 focus-visible:outline-accent/70 media-mouse:opacity-0 media-mouse:group-hover:opacity-100 media-mouse:focus-within:opacity-100"
309310
:aria-label="$t('package.create.copy_command')"
310311
@click.stop="copyCreateCommand"
311312
>
312313
<span
313-
:class="createCopied ? 'i-carbon:checkmark' : 'i-carbon:copy'"
314+
:class="createCopied ? 'i-lucide:check' : 'i-lucide:copy'"
314315
class="size-4 inline-block"
315316
aria-hidden="true"
316317
/>

0 commit comments

Comments
 (0)