diff --git a/src/lib/layouts/Docs.svelte b/src/lib/layouts/Docs.svelte index 9004461ece..52bc8ec4f1 100644 --- a/src/lib/layouts/Docs.svelte +++ b/src/lib/layouts/Docs.svelte @@ -29,7 +29,7 @@ export let variant: DocsLayoutVariant = 'default'; const variantClasses: Record = { - default: 'aw-grid-side-nav', + default: 'aw-grid-side-nav aw-container u-padding-inline-0', expanded: 'aw-grid-huge-navs', 'two-side-navs': 'aw-grid-two-side-navs' }; diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index ec762cae75..b9ea65edcd 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -76,12 +76,13 @@
- console dashboard +
+ console dashboard +
@@ -94,40 +95,40 @@ diff --git a/src/routes/community/+page.svelte b/src/routes/community/+page.svelte index 7a1fc115c2..7cde1c60f4 100644 --- a/src/routes/community/+page.svelte +++ b/src/routes/community/+page.svelte @@ -422,36 +422,9 @@ View all projects - -
-
-
+
  • + +
    +

    Glitch

    +

    + Appwrite-powered Hackathon Collaboration Tool for streamlined team communication +

    +
    + +     +
    • +
  • + +
    +

    Glitch

    +

    + Appwrite-powered Hackathon Collaboration Tool for streamlined team communication +

    +
    + +     +
    • +
    diff --git a/src/routes/kitchensink/error/+page.svelte b/src/routes/kitchensink/error/+page.svelte new file mode 100644 index 0000000000..f7f54e87f2 --- /dev/null +++ b/src/routes/kitchensink/error/+page.svelte @@ -0,0 +1,27 @@ + + + + + +
    +
    +
    + 404_ +

    + Page not found +

    +

    + Sorry, it seems that the page you are looking for does not exist. Feel free to use our navigation menu or the button below to explore more of Appwrite’s documentation. +

    + +
    +
    +
    + +     diff --git a/src/scss/1-css-variables/_fonts.scss b/src/scss/1-css-variables/_fonts.scss index b6e83d8b69..cfb175fd8d 100644 --- a/src/scss/1-css-variables/_fonts.scss +++ b/src/scss/1-css-variables/_fonts.scss @@ -11,7 +11,8 @@ --aw-font-size-medium: #{pxToRem(18)}; --aw-font-size-large: #{pxToRem(20)}; --aw-font-size-xl: #{pxToRem(24)}; - --aw-font-size-xxl: #{pxToRem(40)}; + --aw-font-size-xxl: #{pxToRem(32)}; + --aw-font-size-xxxl: #{pxToRem(40)}; --aw-font-size-big: #{pxToRem(48)}; --aw-font-size-huge: #{pxToRem(56)}; --aw-font-size-super: #{pxToRem(64)}; diff --git a/src/scss/6-elements/_button.scss b/src/scss/6-elements/_button.scss index 53c2bb75d1..8a2463d6da 100644 --- a/src/scss/6-elements/_button.scss +++ b/src/scss/6-elements/_button.scss @@ -6,11 +6,12 @@ background: linear-gradient(135deg, hsl(var(--aw-color-pink-500)) 0%, hsl(var(--aw-color-pink-500)) 61%, hsl(var(--aw-color-secondary-100)) 100%); background-origin: border-box; - display:flex; justify-content:center; align-items:center; gap:pxToRem(8); + display:flex; inline-size:fit-content; justify-content:center; align-items:center; gap:pxToRem(8); padding-inline:pxToRem(14); padding-block:pxToRem(7); min-block-size:pxToRem(40); border-radius:var(--m-border-radius); border:solid var(--m-border-size) transparent; text-align:center; transition:var(--transition); user-select:none; color:hsl(var(--aw-color-white)); font-weight: 500; + [class*="icon"] { line-height:1; } .#{$p}-inline-tag { margin-inline-end:pxToRem(-2); background:rgba(255, 255, 255, 0.24); } &:where(:hover):where(:not(#{$disabled})) { diff --git a/src/scss/6-elements/_container.scss b/src/scss/6-elements/_container.scss index 316e6423ba..70ad51c9d5 100644 --- a/src/scss/6-elements/_container.scss +++ b/src/scss/6-elements/_container.scss @@ -6,6 +6,7 @@ max-inline-size: var(--p-container-size); padding-inline: pxToRem(32); margin-inline: auto; + @media #{$break1} { padding-inline: pxToRem(20); } } .#{$p}-main-section { diff --git a/src/scss/6-elements/_icon-button.scss b/src/scss/6-elements/_icon-button.scss index 0f22949e8d..673e91f28b 100644 --- a/src/scss/6-elements/_icon-button.scss +++ b/src/scss/6-elements/_icon-button.scss @@ -50,7 +50,7 @@ --p-icon-button-border-color: var(--p-icon-button-border-color-focus); --p-icon-button-shadow-color: var(--p-icon-button-shadow-color-focus); } - &:disabled { opacity:0.4; } + &:disabled { opacity:0.4; cursor:initial; } #{$theme-dark} & { @include dark-mode(); diff --git a/src/scss/6-elements/_inline-code.scss b/src/scss/6-elements/_inline-code.scss index bd14710d76..93eaa54b7d 100644 --- a/src/scss/6-elements/_inline-code.scss +++ b/src/scss/6-elements/_inline-code.scss @@ -7,5 +7,5 @@ color: hsl(var(--p-inline-code-text-color)); background-color: hsl(var(--p-inline-code-bg-color)); - display:inline-flex; padding-inline:pxToRem(4); padding-block:pxToRem(1); border-radius:pxToRem(4); font-family:var(--aw-font-family-aeonik-fono); + display:inline-flex; padding-inline:pxToRem(4); padding-block:pxToRem(1); border-radius:pxToRem(4); font-family:monospace; } \ No newline at end of file diff --git a/src/scss/6-elements/text-tokens/_title.scss b/src/scss/6-elements/text-tokens/_title.scss index 7dc2de499c..17fc8372ba 100644 --- a/src/scss/6-elements/text-tokens/_title.scss +++ b/src/scss/6-elements/text-tokens/_title.scss @@ -1,7 +1,7 @@ @use '../../abstract' as *; .#{$p}-title { --p-font-family: var(--aw-font-family-aeonik-pro); - --p-font-size: var(--aw-font-size-big); + --p-font-size: var(--aw-font-size-xxl); --p-line-height: var(--aw-line-height-lg); --p-letter-spacing: var(--aw-letter-spacing-squeezed); --p-font-weight: var(--aw-font-weight-regular); @@ -14,6 +14,6 @@ @media #{$break3open} { --p-line-height: var(--aw-line-height-big); - --p-font-size: var(--aw-font-size-xxl); + --p-font-size: var(--aw-font-size-xxxl); } } \ No newline at end of file diff --git a/src/scss/7-components/_side-nav.scss b/src/scss/7-components/_side-nav.scss index b4fa4df757..8b67702625 100644 --- a/src/scss/7-components/_side-nav.scss +++ b/src/scss/7-components/_side-nav.scss @@ -30,7 +30,8 @@ &-parent { display:flex; align-items:baseline; padding-block-end:pxToRem(16); border-block-end:pxToRem(1) solid hsl(var(--aw-color-smooth)); - &-title { inline-size:100%; text-align:center; } + [class*="icon"]:first-child { flex-shrink:0; padding-inline:pxToRem(12); } + &-title { inline-size:100%; text-align:center; transition:var(--transition); } } } &-scroll { diff --git a/src/scss/9-grids/_grid-huge-navs.scss b/src/scss/9-grids/_grid-huge-navs.scss index f1c6c3b583..94fdd77387 100644 --- a/src/scss/9-grids/_grid-huge-navs.scss +++ b/src/scss/9-grids/_grid-huge-navs.scss @@ -106,7 +106,12 @@ @media #{$break3}, #{$break4}, #{$break5} { .#{$p}-side-nav { max-inline-size:var(--p-grid-huge-navs-side-nav-width-closed); - &-wrapper { inline-size:var(--p-grid-huge-navs-side-nav-width-closed); max-inline-size:var(--p-grid-huge-navs-side-nav-width-closed); } + &-wrapper { + inline-size:var(--p-grid-huge-navs-side-nav-width-closed); max-inline-size:var(--p-grid-huge-navs-side-nav-width-closed); + &-parent { + &-title { opacity:0; } + } + } &-header { opacity:0; transition:var(--transition); } &-button { > *:not(:first-child) { opacity:0; transition:var(--transition); } @@ -114,7 +119,12 @@ } &.is-open { .#{$p}-side-nav { - &-wrapper { max-inline-size:var(--p-grid-huge-navs-side-nav-width-opened); inline-size:var(--p-grid-huge-navs-side-nav-width-opened); } + &-wrapper { + max-inline-size:var(--p-grid-huge-navs-side-nav-width-opened); inline-size:var(--p-grid-huge-navs-side-nav-width-opened); + &-parent { + &-title { opacity:1; } + } + } &-header { opacity:1; } &-button { > *:not(:first-child) { opacity:1; } diff --git a/src/scss/9-grids/_grid-two-side-navs.scss b/src/scss/9-grids/_grid-two-side-navs.scss index cf1b7fc257..edd99bd390 100644 --- a/src/scss/9-grids/_grid-two-side-navs.scss +++ b/src/scss/9-grids/_grid-two-side-navs.scss @@ -2,7 +2,7 @@ .#{$p}-grid-two-side-navs { --p-grid-huge-navs-padding-inline: #{pxToRem(28)}; - --p-grid-huge-navs-main-header-height: #{pxToRem(80)}; + --p-grid-huge-navs-main-header-height: #{pxToRem(73)}; --p-grid-huge-navs-secondary-header-height: #{pxToRem(116)}; --p-grid-huge-navs-secondary-sticky-position: #{pxToRem(120)}; --p-grid-huge-navs--margin-top-content-side-b: #{pxToRem(40)}; diff --git a/src/scss/_10-utilities.scss b/src/scss/_10-utilities.scss index 08b89e274b..f70539560f 100644 --- a/src/scss/_10-utilities.scss +++ b/src/scss/_10-utilities.scss @@ -3,6 +3,7 @@ .#{$p}-u-hide-mobile { @media #{$break1}{ display:none!important; } } .#{$p}-u-opacity-90 { opacity:0.9!important; } +.#{$p}-u-flex-vertical {display:flex!important; flex-direction:column!important; } .#{$p}-u-flex-vertical-reverse-mobile { @media #{$break1} { flex-direction:column-reverse!important; } }