Appwrite/console
1
0
Fork 0
mirror of https://github.com/appwrite/console.git synced 2026-06-06 19:27:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: remove inline colors

Browse Source
This commit is contained in:
Arman
2023-08-20 16:40:57 +02:00
parent 2aeff71af3
commit da84e3bfac
3 changed files with 11 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/box.svelte
+1 -1
View File
@@ -1,7 +1,7 @@
<script lang="ts">
export let radius: keyof typeof radiuses = 'small';
export let padding = 24;
let classes: string = '';
let classes = '';
export { classes as class };
enum radiuses {
src/lib/pages/domains/wizard/retry.svelte
+7 -12
View File
@@ -24,26 +24,21 @@
<Box radius="small">
<div class="u-flex u-gap-8 u-cross-center">
<span
class="icon-exclamation-circle"
aria-hidden="true"
style="color: hsl(var(--color-danger-100))" />
<span class="icon-exclamation-circle u-color-text-danger" aria-hidden="true" />
<p class="u-stretch">Verification failed</p>
<Button secondary on:click={retry} disabled={retrying}>
{#if retrying}
<div class="loader" style="color: hsl(var(--color-neutral-50))" />
<div class="loader u-text-color-gray" />
{:else}
Retry
{/if}
</Button>
</div>
<div class="u-margin-block-start-24">
<p>
In order to continue, set the following record on your DNS provider. Find a list of
domain providers and their DNS settings in our documentation. Changes may take time to
be effective.
</p>
</div>
<p class="text u-margin-block-start-24">
In order to continue, set the following record on your DNS provider. Find a list of domain
providers and their DNS settings in our documentation. Changes may take time to be
effective.
</p>
<div class="u-margin-block-start-24">
<CnameTable />
</div>
src/lib/pages/domains/wizard/step2.svelte
+3 -12
View File
@@ -22,10 +22,7 @@
<Retry on:error={onRetryError} />
{:else}
<div class="u-flex u-gap-8 u-cross-center">
<span
class="icon-check"
aria-hidden="true"
style="color: hsl(var(--color-success-100))" />
<span class="icon-check u-color-text-success" aria-hidden="true" />
<p class="u-stretch">Domain verified</p>
</div>
{/if}
@@ -38,16 +35,10 @@
style="color: hsl(var(--color-neutral-50)); inline-size: 1.25rem; block-size: 1.25rem" />
<p class="u-stretch">Generating certificate</p>
{:else if $domain.status === 'verified'}
<span
class="icon-check"
aria-hidden="true"
style="color: hsl(var(--color-success-100))" />
<span class="icon-check u-color-text-success" aria-hidden="true" />
<p class="u-stretch">Certificate generated</p>
{:else}
<span
class="icon-clock"
aria-hidden="true"
style="color: hsl(var(--color-neutral-50))" />
<span class="icon-clock u-text-color-gray" aria-hidden="true" />
<p class="u-stretch">
Certificate generation will begin after domain verification
</p>