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

Remove align prop from Typography.Title

Browse Source
This commit is contained in:
Torsten Dittmann
2025-12-01 21:02:17 +04:00
parent a0303b2d1a
commit af78e33859
1 changed files with 1 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/profiles/(unauthenticated)/studio.svelte
+1 -117
View File
@@ -49,7 +49,7 @@
<section class="grid-1-1-col-2 u-flex u-flex-vertical u-cross-center u-main-center">
<slot name="top" />
<div class="container u-flex u-flex-vertical u-cross-center u-main-center u-gap-32">
<Typography.Title size="l" {align}>Welcome to Imagine</Typography.Title>
<Typography.Title size="l">Welcome to Imagine</Typography.Title>
<div class="auth-container u-width-full-line">
<Card.Base>
<slot />
@@ -85,126 +85,10 @@
<style lang="scss">
@use '@appwrite.io/pink-legacy/src/abstract/variables/devices';
.side-bg {
position: relative;
overflow: hidden;
z-index: 1;
height: 100%;
width: 100%;
padding-block: 2rem;
padding-inline: 1rem;
background-color: #ededf0 !important;
&-container {
position: absolute;
inset: 0;
block-size: 100%;
inline-size: 100%;
z-index: -1;
&::before {
position: absolute;
inset-block-start: -200px;
inset-inline-end: -50px;
content: '';
display: block;
inline-size: 32%;
block-size: 32%;
background: radial-gradient(49.55% 43.54% at 47% 50.69%, #e7f8f7 0%, #85dbd8 100%);
filter: blur(150px);
@media #{devices.$break1} {
filter: blur(100px);
}
}
&::after {
position: absolute;
inset-block-end: -50px;
inset-inline-start: -50px;
content: '';
display: block;
inline-size: 30%;
block-size: 30%;
background: radial-gradient(
50% 46.73% at 50% 53.27%,
#fe9567 28.17%,
#fd366e 59.38%
);
filter: blur(200px);
@media #{devices.$break1} {
filter: blur(100px);
}
}
}
&-img {
padding-inline: 6.25rem;
max-width: 40rem;
@media #{devices.$break2} {
max-width: 28rem;
}
@media #{devices.$break1} {
margin-block-start: 3rem;
max-inline-size: 23rem;
padding-inline: 4rem;
}
}
}
:global(.theme-dark) .side-bg {
background-color: #131315 !important;
}
:global(.theme-dark) .side-bg-container::before {
inline-size: 20%;
block-size: 20%;
filter: blur(180px);
}
:global(.theme-dark) .side-bg-container::after {
filter: blur(250px);
}
/* Default (including mobile) */
.side-default {
padding-block-start: 2.25rem;
padding-block-end: 2rem;
}
/* for smaller screens */
@media #{devices.$break2open} {
.side-default {
background: var(--url);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
padding-block-start: 6.25rem;
padding-block-end: 6.875rem;
}
}
:global(.theme-dark) .tag-line {
background: linear-gradient(45deg, white, white 60%, #fd376f);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
:global(.theme-light) .tag-line {
background: linear-gradient(45deg, #19191d, #19191d 60%, #fd376f);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.auth-container {
max-inline-size: 27.5rem;
}
.review-footer-container {
padding-block-start: 10rem;
@media #{devices.$break1} {
padding-block-start: 5rem;
}
}
// mobile logo positioned at bottom in mobile view
.mobile-logo {
position: absolute;