diff --git a/assets/css/fonts.scss b/assets/css/fonts.scss index 15c56c792..7dd8ad035 100644 --- a/assets/css/fonts.scss +++ b/assets/css/fonts.scss @@ -26,6 +26,7 @@ direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; + font-feature-settings: "liga"; } /* poppins-500 - latin */ @@ -37,7 +38,8 @@ src: local("Poppins Medium"), local("Poppins-Medium"), url("~assets/fonts/poppins-v9-latin-500.woff2") format("woff2"), /* Chrome 26+, Opera 23+, Firefox 39+ */ - url("~assets/fonts/poppins-v9-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + url("~assets/fonts/poppins-v9-latin-500.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* poppins-700 - latin */ @@ -49,7 +51,8 @@ src: local("Poppins Bold"), local("Poppins-Bold"), url("~assets/fonts/poppins-v9-latin-700.woff2") format("woff2"), /* Chrome 26+, Opera 23+, Firefox 39+ */ - url("~assets/fonts/poppins-v9-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + url("~assets/fonts/poppins-v9-latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-mono-regular - latin */ @@ -61,5 +64,6 @@ src: local("Roboto Mono"), local("RobotoMono-Regular"), url("~assets/fonts/roboto-mono-v7-latin-regular.woff2") format("woff2"), /* Chrome 26+, Opera 23+, Firefox 39+ */ - url("~assets/fonts/roboto-mono-v7-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + url("~assets/fonts/roboto-mono-v7-latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } diff --git a/assets/css/styles.scss b/assets/css/styles.scss index 439b717fa..71636d130 100644 --- a/assets/css/styles.scss +++ b/assets/css/styles.scss @@ -79,7 +79,6 @@ body { // Make theme transition smoother. body.afterLoad { - &, & * { transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out; @@ -98,7 +97,7 @@ a { header, footer { - &>div { + & > div { display: flex; padding: 16px; width: 100%; @@ -551,7 +550,7 @@ input[type="checkbox"] { display: none; &, - &+label { + & + label { vertical-align: middle; cursor: pointer; @@ -570,7 +569,7 @@ input[type="checkbox"] { } } - &:checked+label:before { + &:checked + label:before { background-color: var(--ac-color); border-color: var(--ac-color); color: var(--act-color); @@ -737,7 +736,7 @@ input[type="radio"], display: none; } -input[type="radio"]+label { +input[type="radio"] + label { padding: 8px 16px; border-bottom: 2px solid transparent; cursor: pointer; @@ -750,12 +749,12 @@ input[type="radio"]+label { } } -input[type="radio"]:checked+label { +input[type="radio"]:checked + label { border-color: var(--fg-color); color: var(--fg-color); } -input[type="radio"]:checked+label+.tab { +input[type="radio"]:checked + label + .tab { display: block; } diff --git a/assets/css/themes.scss b/assets/css/themes.scss index 3c9f2b7f3..8373d740b 100644 --- a/assets/css/themes.scss +++ b/assets/css/themes.scss @@ -33,7 +33,7 @@ @include darkTheme; } -@media(prefers-color-scheme: dark) { +@media (prefers-color-scheme: dark) { :root.auto { @include darkTheme; } @@ -65,7 +65,7 @@ @include lightTheme; } -@media(prefers-color-scheme: light) { +@media (prefers-color-scheme: light) { :root.auto { @include lightTheme; } diff --git a/layouts/default.vue b/layouts/default.vue index f3239ed4a..4e2c27969 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -111,24 +111,114 @@ :to="localePath('graphql')" :class="linkActive('/graphql')" v-tooltip.right="$t('graphql')" + aria-label="GraphQL" > - + - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/pages/graphql.vue b/pages/graphql.vue index 91c96a2ac..20070b16b 100644 --- a/pages/graphql.vue +++ b/pages/graphql.vue @@ -171,11 +171,7 @@ - +
@@ -216,9 +212,9 @@ name="side" checked="checked" /> - +
@@ -232,9 +228,9 @@ name="side" checked="checked" /> - +
@@ -248,9 +244,9 @@ name="side" checked="checked" /> - +
@@ -264,7 +260,9 @@ name="side" checked="checked" /> - +
@@ -435,7 +433,7 @@ export default { : res; this.responseString = JSON.stringify(data.data, null, 2); - + this.$nuxt.$loading.finish(); const duration = Date.now() - startTime; this.$toast.info(`Finished in ${duration}ms`, { @@ -449,7 +447,6 @@ export default { }); console.log("Error", error); } - }, async getSchema() { const startTime = Date.now(); diff --git a/pages/index.vue b/pages/index.vue index 5e0f36259..941b18d4d 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -126,10 +126,10 @@
  • - {{ $t("raw_input") }} - {{ rawInput ? $t("enabled") : $t("disabled") }} + + {{ $t("raw_input") }} + {{ rawInput ? $t("enabled") : $t("disabled") }} +
    diff --git a/pages/settings.vue b/pages/settings.vue index e06e426bc..777b4ffbe 100644 --- a/pages/settings.vue +++ b/pages/settings.vue @@ -46,11 +46,12 @@ {{ $t("multi_color") }} + > + {{ $t("multi_color") }} {{ settings.FRAME_COLORS_ENABLED ? $t("enabled") : $t("disabled") - }} + }} +
    • @@ -64,11 +65,10 @@ {{ $t("proxy") }} - {{ - settings.PROXY_ENABLED ? $t("enabled") : $t("disabled") - }} + {{ $t("proxy") }} + {{ settings.PROXY_ENABLED ? $t("enabled") : $t("disabled") }} + {{ $t("read_the") }} - {{ $t("apollotv_privacy_policy") }} + {{ $t("apollotv_privacy_policy") }} .