Dashboard alignment mobile updates

This commit is contained in:
ernstmul
2025-01-21 12:18:41 +01:00
parent 4c3d69eda2
commit c392012566
@@ -39,19 +39,21 @@
<h1>Welcome, {$user.name}</h1>
<span>Follow a few quick steps to get started with Appwrite</span>
</div>
{#if !hasOnboardingDismissed(projectId)}
<Button.Button
variant="secondary"
size="s"
on:click={() => {
setHasOnboardingDismissed(projectId);
if (location.href.endsWith('getstarted')) {
goto(`${base}/project-${projectId}`);
} else {
location.reload();
}
}}>Dismiss this page</Button.Button>
{/if}
<div class="dashboard-header-button">
{#if !hasOnboardingDismissed(projectId)}
<Button.Button
variant="secondary"
size="s"
on:click={() => {
setHasOnboardingDismissed(projectId);
if (location.href.endsWith('getstarted')) {
goto(`${base}/project-${projectId}`);
} else {
location.reload();
}
}}>Dismiss this page</Button.Button>
{/if}
</div>
</div>
<div class="dashboard-content">
{#if !hasPlatforms}
@@ -325,7 +327,7 @@
align-items: center;
justify-content: space-between;
padding: var(--space-7, 16px);
padding: var(--base-36, 36px) var(--space-7, 16px) var(--base-24, 24px) var(--space-7, 16px);
@media (min-width: 768px) {
padding-inline: 55px;
@@ -334,6 +336,10 @@
gap: 0;
}
&-button {
align-self: start;
}
h1 {
color: var(--color-fgcolor-neutral-primary, #2d2d31);
@@ -362,7 +368,7 @@
.dashboard-content {
background: var(--color-bgcolor-neutral-default, #fafafb);
padding: 0 var(--space-7, 16px) var(--space-7, 16px) var(--space-7, 16px);
padding: var(--space-7, 16px);
@media (min-width: 768px) {
padding-inline: 55px;