From 4f9b5d9f721ba1df49aa04ed784403113b13e9a6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Antoine=C3=90?= Date: Mon, 20 Nov 2023 19:43:40 +0100 Subject: [PATCH] fix branding gradient angle --- packages/backend/src/server/web/bios.css | 4 ++-- packages/backend/src/server/web/boot.js | 2 +- packages/backend/src/server/web/cli.css | 2 +- packages/client/src/components/MkButton.vue | 2 +- packages/client/src/components/MkPoll.vue | 2 +- packages/client/src/style.scss | 2 +- packages/client/src/ui/_common_/navbar-for-mobile.vue | 2 +- packages/client/src/ui/_common_/navbar.vue | 4 ++-- packages/client/src/ui/universal.vue | 2 +- packages/client/src/widgets/server-metric/pie.vue | 2 +- 10 files changed, 12 insertions(+), 12 deletions(-) diff --git a/packages/backend/src/server/web/bios.css b/packages/backend/src/server/web/bios.css index 3d15f6825..d927f26ed 100644 --- a/packages/backend/src/server/web/bios.css +++ b/packages/backend/src/server/web/bios.css @@ -63,7 +63,7 @@ button { border: none; cursor: pointer; margin-bottom: 12px; - background: linear-gradient(90deg, rgb(156, 207, 216), rgb(49, 116, 143)); + background: linear-gradient(-45deg, rgb(156, 207, 216), rgb(49, 116, 143)); line-height: 50px; color: #191724; font-weight: bold; @@ -90,7 +90,7 @@ button:hover { background: #555; } #ls { - background: linear-gradient(90deg, rgb(156, 207, 216), rgb(49, 116, 143)); + background: linear-gradient(-45deg, rgb(156, 207, 216), rgb(49, 116, 143)); line-height: 30px; color: #191724; font-weight: bold; diff --git a/packages/backend/src/server/web/boot.js b/packages/backend/src/server/web/boot.js index d06cbf997..5437d6702 100644 --- a/packages/backend/src/server/web/boot.js +++ b/packages/backend/src/server/web/boot.js @@ -209,7 +209,7 @@ } .button-big { - background: linear-gradient(90deg, rgb(196, 167, 231), rgb(235, 188, 186)); + background: linear-gradient(-45deg, rgb(196, 167, 231), rgb(235, 188, 186)); line-height: 50px; } diff --git a/packages/backend/src/server/web/cli.css b/packages/backend/src/server/web/cli.css index 4b7d3de6c..9407b5f7b 100644 --- a/packages/backend/src/server/web/cli.css +++ b/packages/backend/src/server/web/cli.css @@ -46,7 +46,7 @@ button { border:none; cursor:pointer; margin-bottom:12px; - background:linear-gradient(90deg,#9ccfd8,#31748f); + background:linear-gradient(-45deg,#9ccfd8,#31748f); line-height:50px; color:#191724; font-weight:700; diff --git a/packages/client/src/components/MkButton.vue b/packages/client/src/components/MkButton.vue index 1494fcd54..20142037d 100644 --- a/packages/client/src/components/MkButton.vue +++ b/packages/client/src/components/MkButton.vue @@ -162,7 +162,7 @@ function onMousedown(evt: MouseEvent): void { font-weight: bold; color: var(--fgOnAccent) !important; background: linear-gradient( - 90deg, + -45deg, var(--buttonGradateA), var(--buttonGradateB) ); diff --git a/packages/client/src/components/MkPoll.vue b/packages/client/src/components/MkPoll.vue index a6b2e2762..776c40855 100644 --- a/packages/client/src/components/MkPoll.vue +++ b/packages/client/src/components/MkPoll.vue @@ -170,7 +170,7 @@ const vote = async (id) => { height: 100%; background: var(--accent); background: linear-gradient( - 90deg, + -45deg, var(--buttonGradateA), var(--buttonGradateB) ); diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss index 3ffef9cca..66fe2f246 100644 --- a/packages/client/src/style.scss +++ b/packages/client/src/style.scss @@ -315,7 +315,7 @@ hr { @extend ._buttonPrimary; color: var(--fgOnAccent); background: linear-gradient( - 90deg, + -45deg, var(--buttonGradateA), var(--buttonGradateB) ); diff --git a/packages/client/src/ui/_common_/navbar-for-mobile.vue b/packages/client/src/ui/_common_/navbar-for-mobile.vue index 6e6204761..d1cec3ade 100644 --- a/packages/client/src/ui/_common_/navbar-for-mobile.vue +++ b/packages/client/src/ui/_common_/navbar-for-mobile.vue @@ -240,7 +240,7 @@ function more() { bottom: 0; border-radius: 999px; background: linear-gradient( - 90deg, + -45deg, var(--buttonGradateA), var(--buttonGradateB) ); diff --git a/packages/client/src/ui/_common_/navbar.vue b/packages/client/src/ui/_common_/navbar.vue index 0327ff1eb..10d1b20f3 100644 --- a/packages/client/src/ui/_common_/navbar.vue +++ b/packages/client/src/ui/_common_/navbar.vue @@ -331,7 +331,7 @@ function more(ev: MouseEvent) { bottom: 0; border-radius: 999px; background: linear-gradient( - 90deg, + -45deg, var(--buttonGradateA), var(--buttonGradateB) ); @@ -520,7 +520,7 @@ function more(ev: MouseEvent) { aspect-ratio: 1/1; border-radius: 100%; background: linear-gradient( - 90deg, + -45deg, var(--buttonGradateA), var(--buttonGradateB) ); diff --git a/packages/client/src/ui/universal.vue b/packages/client/src/ui/universal.vue index b3ce3fb35..dfbd9dc96 100644 --- a/packages/client/src/ui/universal.vue +++ b/packages/client/src/ui/universal.vue @@ -539,7 +539,7 @@ console.log(mainRouter.currentRoute.value.name); width: 4rem; background-position: center; background: linear-gradient( - 90deg, + -45deg, var(--buttonGradateA), var(--buttonGradateB) ); diff --git a/packages/client/src/widgets/server-metric/pie.vue b/packages/client/src/widgets/server-metric/pie.vue index 46f33c937..b48546a4c 100644 --- a/packages/client/src/widgets/server-metric/pie.vue +++ b/packages/client/src/widgets/server-metric/pie.vue @@ -52,7 +52,7 @@ const strokeDashoffset = $computed( > circle { transform-origin: center; - transform: rotate(-90deg); + transform: rotate(45deg); transition: stroke-dashoffset 0.5s ease; }