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

Move React Native to top

Browse Source
This commit is contained in:
ernstmul
2025-02-12 12:43:20 +01:00
parent d93727e211
commit d346ce6b8f
5 changed files with 19 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/(console)/project-[project]/overview/assets/platform-reactnative-dark.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 95 KiB

src/routes/(console)/project-[project]/overview/assets/platform-reactnative.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 207 KiB

src/routes/(console)/project-[project]/overview/assets/platform-server-dark.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 115 KiB

src/routes/(console)/project-[project]/overview/assets/platform-server.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 202 KiB

src/routes/(console)/project-[project]/overview/onboard.svelte
+19 -12
View File
@@ -46,7 +46,7 @@
<Layout.Stack gap="m">
<Typography.Title
color="--color-fgcolor-neutral-primary"
size="s">Add a platform</Typography.Title>
size="s">Connect your platform</Typography.Title>
<div class="build-info">
<span>
Start building with your preferred web, mobile, and
@@ -73,15 +73,22 @@
</div>
</Layout.Stack>
</Layout.Stack></Card.Button>
<Card.Button on:click={createKey} padding="s"
<Card.Button
on:click={() => {
addPlatform(1);
}}
padding="s"
><Layout.Stack gap="xl"
><div class="card-top-image server-image-light"></div>
<div class="card-top-image server-image-dark"></div>
><div class="card-top-image reactnative-image-light">
</div>
<div class="card-top-image reactnative-image-dark">
</div>
<Layout.Stack
direction="row"
alignItems="center"
justifyContent="space-between">
<Typography.Title size="s">Server</Typography.Title>
<Typography.Title size="s"
>React Native</Typography.Title>
<div class="arrow-icon">
<Icon icon={IconArrowRight} size="s" />
</div>
@@ -166,7 +173,7 @@
<Step.Item state="previous"
><div>
<Typography.Title color="--color-fgcolor-neutral-tertiary" size="s"
>Add a platform</Typography.Title>
>Connect your platform</Typography.Title>
</div></Step.Item>
<Step.Item state="current">
<Layout.Stack
@@ -327,14 +334,14 @@
:global(.theme-light) {
.web-image-dark,
.server-image-dark {
.reactnative-image-dark {
display: none;
}
}
:global(.theme-dark) {
.web-image-light,
.server-image-light {
.reactnative-image-light {
display: none;
}
}
@@ -361,11 +368,11 @@
background-image: url('./assets/platform-web-dark.png');
}
.server-image-light {
background-image: url('./assets/platform-server.png');
.reactnative-image-light {
background-image: url('./assets/platform-reactnative.png');
}
.server-image-dark {
background-image: url('./assets/platform-server-dark.png');
.reactnative-image-dark {
background-image: url('./assets/platform-reactnative-dark.png');
}
.database-card-image {
background-size: cover;