From ce430777df021ae476ba42429bd02e26cc1965c0 Mon Sep 17 00:00:00 2001 From: Tanuj Kanti Date: Thu, 27 Oct 2022 02:01:03 -0700 Subject: [PATCH 1/5] fix: Header UI inconsistency --- docs/src/assets/scss/docs-header.scss | 3 +++ docs/src/assets/scss/docs.scss | 11 +++++++---- 2 files changed, 10 insertions(+), 4 deletions(-) diff --git a/docs/src/assets/scss/docs-header.scss b/docs/src/assets/scss/docs-header.scss index e2a2fecdb48..7c39322d165 100644 --- a/docs/src/assets/scss/docs-header.scss +++ b/docs/src/assets/scss/docs-header.scss @@ -13,6 +13,9 @@ padding-block-start: 0; padding-block-end: 0; + max-width: 1700px; + margin: auto; + @media all and (min-width: 1024px) { justify-content: space-between; } diff --git a/docs/src/assets/scss/docs.scss b/docs/src/assets/scss/docs.scss index 934fbb04bfb..5e771b59ad4 100644 --- a/docs/src/assets/scss/docs.scss +++ b/docs/src/assets/scss/docs.scss @@ -4,10 +4,10 @@ html { scroll-behavior: smooth; } -.docs { - max-width: 1700px; - margin: 0 auto; -} +// .docs { +// max-width: 1700px; +// margin: 0 auto; +// } .docs-aside__content { flex: 1; @@ -19,6 +19,9 @@ html { display: flex; flex-direction: column; + max-width: 1700px; + margin: auto; + @media all and (min-width: 1024px) { display: grid; grid-template-columns: minmax(250px, 1fr) minmax(0, 3.5fr); From 0633b4f2042dc6e979bee52c83dff7b5222b10cb Mon Sep 17 00:00:00 2001 From: Tanuj Kanti Date: Tue, 1 Nov 2022 01:37:30 -0700 Subject: [PATCH 2/5] fix: unexpected empty line --- docs/src/assets/scss/docs-header.scss | 1 - docs/src/assets/scss/docs.scss | 1 - 2 files changed, 2 deletions(-) diff --git a/docs/src/assets/scss/docs-header.scss b/docs/src/assets/scss/docs-header.scss index 7c39322d165..e1f760be9a9 100644 --- a/docs/src/assets/scss/docs-header.scss +++ b/docs/src/assets/scss/docs-header.scss @@ -12,7 +12,6 @@ padding-bottom: 0; padding-block-start: 0; padding-block-end: 0; - max-width: 1700px; margin: auto; diff --git a/docs/src/assets/scss/docs.scss b/docs/src/assets/scss/docs.scss index 5e771b59ad4..313398a2012 100644 --- a/docs/src/assets/scss/docs.scss +++ b/docs/src/assets/scss/docs.scss @@ -18,7 +18,6 @@ html { flex: 1; display: flex; flex-direction: column; - max-width: 1700px; margin: auto; From ab29b3b3a9bc4d7ddcafd9c4b8791bdd7e43582e Mon Sep 17 00:00:00 2001 From: Tanuj Kanti Date: Tue, 1 Nov 2022 07:56:51 -0700 Subject: [PATCH 3/5] fix: additional class --- docs/src/_includes/layouts/base.html | 2 +- docs/src/assets/scss/docs.scss | 5 ----- 2 files changed, 1 insertion(+), 6 deletions(-) diff --git a/docs/src/_includes/layouts/base.html b/docs/src/_includes/layouts/base.html index db69d33b5de..5ed585d214a 100644 --- a/docs/src/_includes/layouts/base.html +++ b/docs/src/_includes/layouts/base.html @@ -136,7 +136,7 @@ - + {{ content | safe }} diff --git a/docs/src/assets/scss/docs.scss b/docs/src/assets/scss/docs.scss index 313398a2012..c4a8e67ba10 100644 --- a/docs/src/assets/scss/docs.scss +++ b/docs/src/assets/scss/docs.scss @@ -4,11 +4,6 @@ html { scroll-behavior: smooth; } -// .docs { -// max-width: 1700px; -// margin: 0 auto; -// } - .docs-aside__content { flex: 1; } From 677ec36e36bc973ee331eafcc3a4b3ffc8cbeebb Mon Sep 17 00:00:00 2001 From: Tanuj Kanti Date: Sat, 5 Nov 2022 21:04:38 -0700 Subject: [PATCH 4/5] fix: design break on mobile size --- docs/src/assets/scss/docs-header.scss | 4 +++- docs/src/assets/scss/docs.scss | 4 +++- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/docs/src/assets/scss/docs-header.scss b/docs/src/assets/scss/docs-header.scss index e1f760be9a9..15f21cf47ee 100644 --- a/docs/src/assets/scss/docs-header.scss +++ b/docs/src/assets/scss/docs-header.scss @@ -13,11 +13,13 @@ padding-block-start: 0; padding-block-end: 0; max-width: 1700px; - margin: auto; @media all and (min-width: 1024px) { justify-content: space-between; } + @media all and (min-width: 1700px) { + margin: auto; + } } } diff --git a/docs/src/assets/scss/docs.scss b/docs/src/assets/scss/docs.scss index c4a8e67ba10..3174035e022 100644 --- a/docs/src/assets/scss/docs.scss +++ b/docs/src/assets/scss/docs.scss @@ -14,13 +14,15 @@ html { display: flex; flex-direction: column; max-width: 1700px; - margin: auto; @media all and (min-width: 1024px) { display: grid; grid-template-columns: minmax(250px, 1fr) minmax(0, 3.5fr); align-items: stretch; } + @media all and (min-width: 1700px) { + margin: auto; + } } .docs-nav { From 14f1ab08ccbb988f2fd6e7a696b7c8759384449a Mon Sep 17 00:00:00 2001 From: Tanuj Kanti Date: Mon, 7 Nov 2022 06:58:14 -0800 Subject: [PATCH 5/5] fix: UI of other pages on docs --- docs/src/assets/scss/components/hero.scss | 5 +++++ docs/src/assets/scss/foundations.scss | 5 +++++ 2 files changed, 10 insertions(+) diff --git a/docs/src/assets/scss/components/hero.scss b/docs/src/assets/scss/components/hero.scss index b4c8cd4d52a..44a7390e027 100644 --- a/docs/src/assets/scss/components/hero.scss +++ b/docs/src/assets/scss/components/hero.scss @@ -36,6 +36,11 @@ padding: 0 calc(1rem + 1vw); padding-bottom: 0; align-items: center; + max-width: 1700px; + + @media all and (min-width: 1700px) { + margin: auto; + } } } diff --git a/docs/src/assets/scss/foundations.scss b/docs/src/assets/scss/foundations.scss index 25b0e1df429..c370aaeabb7 100644 --- a/docs/src/assets/scss/foundations.scss +++ b/docs/src/assets/scss/foundations.scss @@ -121,6 +121,11 @@ hr { width: 100%; margin: 0 auto; padding: var(--space-xl-3xl) calc(1rem + 1vw); + max-width: 1700px; + + @media all and (min-width: 1700px) { + margin: auto; + } } .section-head {