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

chore: update packages

Browse Source
This commit is contained in:
Torsten Dittmann
2023-12-08 18:18:17 +01:00
parent 15b15b361e
commit 1bdd98e843
7 changed files with 487 additions and 421 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package-lock.json
Generated
+319 -289
View File
File diff suppressed because it is too large Load Diff
src/lib/components/billing/alerts/tooManyFreOrgs.svelte
+2 -5
View File
@@ -7,11 +7,8 @@
{#if $failedInvoice}
<HeaderAlert title="You are limited to one free organization per account">
<svelte:fragment>
All but one organization will be automatically upgraded to a Pro plan on <b
>01 Feb 2024</b
>. You can add a payment method or transfer projects from your settings.
</svelte:fragment>
All but one organization will be automatically upgraded to a Pro plan on <b>01 Feb 2024</b>.
You can add a payment method or transfer projects from your settings.
<!-- <svelte:fragment slot="buttons">
<Button
href={`${base}/console/organization-${$failedInvoice?.teamId}/billing#paymentMethods`}
src/lib/components/billing/index.ts
+1 -1
View File
@@ -1,2 +1,2 @@
export { default as PaymentBoxes } from './paymentBoxes.svelte';
export { default as CouponInput} from './couponInput.svelte';
export { default as CouponInput } from './couponInput.svelte';
src/lib/layout/unauthenticated.svelte
+163 -121
View File
@@ -37,7 +37,6 @@
</div>
<div class="now-available">Now available</div>
</section>
<section class="grid-1-1-col-2 u-flex u-main-center u-cross-center _u-padding-16-mobile">
<div class="container u-flex u-flex-vertical u-cross-center u-main-center">
@@ -53,20 +52,21 @@
<slot name="links" />
</ul>
</div>
<div class="logo u-flex u-gap-16 u-margin-inline-auto is-only-mobile u-margin-block-start-32">
<div
class="logo u-flex u-gap-16 u-margin-inline-auto is-only-mobile u-margin-block-start-32">
<a href={user ? '/console' : '/'}>
{#if $app.themeInUse === 'dark'}
<img
src={AppwriteLogoDark}
width="93"
class="u-block u-only-dark"
alt="Appwrite Logo" />
src={AppwriteLogoDark}
width="93"
class="u-block u-only-dark"
alt="Appwrite Logo" />
{:else}
<img
src={AppwriteLogoLight}
width="93"
class="u-block u-only-light"
alt="Appwrite Logo" />
src={AppwriteLogoLight}
width="93"
class="u-block u-only-light"
alt="Appwrite Logo" />
{/if}
</a>
</div>
@@ -74,117 +74,6 @@
</section>
</main>
<style lang="scss">
@import '@appwrite.io/pink/src/abstract/variables/_common.scss';
@import '@appwrite.io/pink/src/abstract/variables/_devices.scss';
@import '@appwrite.io/pink/src/abstract/functions/_pxToRem.scss';
/* mobile utility class */
@media #{$break1} {
._u-padding-16-mobile { padding:pxToRem(16); }
}
.appwrite-pro {
position:relative; z-index:1;
display: flex; justify-content:center; align-items:baseline;
color:hsl(var(--color-neutral-100));
@media #{$break1} { gap:pxToRem(10); font-size:pxToRem(18); letter-spacing:pxToRem(4); }
@media #{$break2open} { gap:pxToRem(24); font-size:pxToRem(40); letter-spacing:pxToRem(8); line-height:120%; margin-block-start:pxToRem(160); }
&-text {
padding: pxToRem(18) pxToRem(28);
border:pxToRem(2) solid hsl(343 98% 60% / 0.2); border-radius:pxToRem(16);
background:rgba(253, 54, 110, 0.10); box-shadow:0 -12.173px 20.289px 0px rgba(253, 54, 110, 0.08) inset;
@media #{$break1} { padding:pxToRem(8) pxToRem(12); border-radius:pxToRem(8); }
}
}
:global(.theme-dark) .appwrite-pro {
color: hsl(var(--color-neutral-10));
}
.now-available {
position:relative; z-index:1;
background:linear-gradient(70deg, #FB5491 -35.72%, #19191D 79.96%);
background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;
margin-inline:auto;
@media #{$break1} { font-size:pxToRem(18); margin-block-start:pxToRem(12); }
@media #{$break2open} { font-size:pxToRem(30); margin-block-start:pxToRem(36); }
}
:global(.theme-dark) .now-available {
background: linear-gradient(89deg, #FB5491 -29.25%, #FFF 43.27%);
background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
.side-bg { position:relative; background-color: #EDEDF0; }
.side-bg::after {
position:absolute; inset-inline:0; inset-block-end:0;
content:""; display:block; inline-size:100%; block-size:100%;
background-image: url("/src/lib/images/login/cloud-pro-bg-light.png");
background-size:contain;
background-repeat: no-repeat;
background-position:right bottom;
@media #{$break1} { display:none; }
}
:global(.theme-dark) .side-bg { background-color: #19191D; }
:global(.theme-dark) .side-bg::after {
background-image: url("/src/lib/images/login/cloud-pro-bg-dark.png");
}
/****** OLD ******/
/* Default (including mobile) */
#main section:first-child {
padding-block-start: 2.25rem;
padding-block-end: 2rem;
div {
padding-inline-start: 1rem;
padding-inline-end: 1rem;
}
.tag-line {
font-family: 'Aeonik Pro';
font-size: 4rem;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 80px */
letter-spacing: -1.6px;
backdrop-filter: blur(0.5 rem);
.underscore {
-webkit-text-fill-color: #f02e65;
}
}
}
/* for smaller screens */
@media #{$break2open} {
#main section:first-child {
padding-block-start: 6.25rem;
padding-block-end: 6.875rem;
div {
padding-inline-start: 2.625rem;
padding-inline-end: 2rem;
}
}
}
/* for larger screens */
@media #{$break3open} {
#main section:first-child {
div {
padding-inline-start: 5.625rem;
padding-inline-end: 5rem;
}
.tag-line {
font-size: 5rem;
}
}
}
</style>
<!-- OLD one -->
<!--
<main class="grid-1-1 is-full-page" id="main">
@@ -354,3 +243,156 @@
}
</style>
-->
<style lang="scss">
@import '@appwrite.io/pink/src/abstract/variables/_common.scss';
@import '@appwrite.io/pink/src/abstract/variables/_devices.scss';
@import '@appwrite.io/pink/src/abstract/functions/_pxToRem.scss';
/* mobile utility class */
@media #{$break1} {
._u-padding-16-mobile {
padding: pxToRem(16);
}
}
.appwrite-pro {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: baseline;
color: hsl(var(--color-neutral-100));
@media #{$break1} {
gap: pxToRem(10);
font-size: pxToRem(18);
letter-spacing: pxToRem(4);
}
@media #{$break2open} {
gap: pxToRem(24);
font-size: pxToRem(40);
letter-spacing: pxToRem(8);
line-height: 120%;
margin-block-start: pxToRem(160);
}
&-text {
padding: pxToRem(18) pxToRem(28);
border: pxToRem(2) solid hsl(343 98% 60% / 0.2);
border-radius: pxToRem(16);
background: rgba(253, 54, 110, 0.1);
box-shadow: 0 -12.173px 20.289px 0px rgba(253, 54, 110, 0.08) inset;
@media #{$break1} {
padding: pxToRem(8) pxToRem(12);
border-radius: pxToRem(8);
}
}
}
:global(.theme-dark) .appwrite-pro {
color: hsl(var(--color-neutral-10));
}
.now-available {
position: relative;
z-index: 1;
background: linear-gradient(70deg, #fb5491 -35.72%, #19191d 79.96%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-inline: auto;
@media #{$break1} {
font-size: pxToRem(18);
margin-block-start: pxToRem(12);
}
@media #{$break2open} {
font-size: pxToRem(30);
margin-block-start: pxToRem(36);
}
}
:global(.theme-dark) .now-available {
background: linear-gradient(89deg, #fb5491 -29.25%, #fff 43.27%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.side-bg {
position: relative;
background-color: #ededf0;
}
.side-bg::after {
position: absolute;
inset-inline: 0;
inset-block-end: 0;
content: '';
display: block;
inline-size: 100%;
block-size: 100%;
background-image: url('/src/lib/images/login/cloud-pro-bg-light.png');
background-size: contain;
background-repeat: no-repeat;
background-position: right bottom;
@media #{$break1} {
display: none;
}
}
:global(.theme-dark) .side-bg {
background-color: #19191d;
}
:global(.theme-dark) .side-bg::after {
background-image: url('/src/lib/images/login/cloud-pro-bg-dark.png');
}
/****** OLD ******/
/* Default (including mobile) */
#main section:first-child {
padding-block-start: 2.25rem;
padding-block-end: 2rem;
div {
padding-inline-start: 1rem;
padding-inline-end: 1rem;
}
.tag-line {
font-family: 'Aeonik Pro';
font-size: 4rem;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 80px */
letter-spacing: -1.6px;
backdrop-filter: blur(0.5 rem);
.underscore {
-webkit-text-fill-color: #f02e65;
}
}
}
/* for smaller screens */
@media #{$break2open} {
#main section:first-child {
padding-block-start: 6.25rem;
padding-block-end: 6.875rem;
div {
padding-inline-start: 2.625rem;
padding-inline-end: 2rem;
}
}
}
/* for larger screens */
@media #{$break3open} {
#main section:first-child {
div {
padding-inline-start: 5.625rem;
padding-inline-end: 5rem;
}
.tag-line {
font-size: 5rem;
}
}
}
</style>
src/lib/stores/stripe.ts
+1 -2
View File
@@ -14,7 +14,7 @@ let paymentElement: StripeElement;
export const isStripeInitialized = writable(false);
export async function initializeStripe() {
console.log('Initializing Stripe')
console.log('Initializing Stripe');
if (!get(stripe)) return;
isStripeInitialized.set(true);
@@ -37,7 +37,6 @@ export async function initializeStripe() {
elements = get(stripe).elements(options);
paymentElement = elements.create('payment');
paymentElement.mount('#payment-element');
} catch (e) {
console.log(e);
throw e;
src/lib/wizards/functions/cover.svelte
-2
View File
@@ -93,9 +93,7 @@
<div
class="git-container u-position-relative"
class:u-margin-block-start-24={isSelfHosted && !isVcsEnabled}>
{#if isSelfHosted && !isVcsEnabled}
<div
class="overlay u-flex-vertical u-position-absolute u-height-100-percent u-width-full-line u-z-index-1 card u-text-center">
<div
src/routes/console/wizard/support/store.ts
+1 -1
View File
@@ -4,7 +4,7 @@ export type SupportData = {
message: string;
category: string;
file?: File | null;
project?: string
project?: string;
};
export const supportData = writable<SupportData>({