diff --git a/assets/css/styles.scss b/assets/css/styles.scss index 3f42e3162..dbd011504 100644 --- a/assets/css/styles.scss +++ b/assets/css/styles.scss @@ -2,7 +2,7 @@ .page-leave-active, .layout-enter-active, .layout-leave-active { - transition: all 0.2s; + transition: opacity 0.2s; } .page-enter, @@ -14,10 +14,6 @@ $responsiveWidth: 768px; -html { - scroll-behavior: smooth; -} - ::selection { background-color: var(--ac-color); color: var(--act-color); @@ -50,6 +46,7 @@ html { border: 0; } +html, body { background-color: var(--bg-color); color: var(--fg-color); @@ -62,11 +59,12 @@ body { user-select: none; padding: 0; margin: 0; + scroll-behavior: smooth; } // Make theme transition smoother. body.afterLoad { - transition: all 0.2s ease-in-out; + transition: background-color 0.2s ease-in-out; } body.sticky-footer footer { @@ -97,8 +95,8 @@ footer { flex-direction: column; } -.wrapper .content { - min-height: 100vh; +.wrapper .page { + min-height: calc(100vh - 153px); } .header, @@ -149,11 +147,14 @@ footer { } .main { + display: flex; + flex-flow: column; flex: 1; order: 2; position: relative; padding: 0 16px; background-color: var(--bg-light-color); + height: 100%; } .nav-second { diff --git a/components/ace-editor.vue b/components/ace-editor.vue index a54e4c241..5da155019 100644 --- a/components/ace-editor.vue +++ b/components/ace-editor.vue @@ -64,8 +64,8 @@ export default { this.editor = editor; this.cacheValue = this.value; - - editor.on('change', () => { + + editor.on("change", () => { const content = editor.getValue(); this.$emit("input", content); this.cacheValue = content; diff --git a/components/settings/swatch.vue b/components/settings/swatch.vue index 98efe6d77..d24de5694 100644 --- a/components/settings/swatch.vue +++ b/components/settings/swatch.vue @@ -20,7 +20,6 @@ border-radius: 100%; border: 3px solid var(--bg-dark-color); cursor: pointer; - transition: all 0.2s ease-in-out; &.fg { color: var(--act-color); diff --git a/docs/index.html b/docs/index.html index 9e81805e4..0c1a8733b 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,17 +1,15 @@ +
+ + + +