fix branding gradient angle

This commit is contained in:
AntoineÐ 2023-11-20 19:43:40 +01:00 committed by Laura Hausmann
parent 7a031bb8ce
commit 4f9b5d9f72
10 changed files with 12 additions and 12 deletions

View file

@ -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;

View file

@ -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;
}

View file

@ -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;

View file

@ -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)
);

View file

@ -170,7 +170,7 @@ const vote = async (id) => {
height: 100%;
background: var(--accent);
background: linear-gradient(
90deg,
-45deg,
var(--buttonGradateA),
var(--buttonGradateB)
);

View file

@ -315,7 +315,7 @@ hr {
@extend ._buttonPrimary;
color: var(--fgOnAccent);
background: linear-gradient(
90deg,
-45deg,
var(--buttonGradateA),
var(--buttonGradateB)
);

View file

@ -240,7 +240,7 @@ function more() {
bottom: 0;
border-radius: 999px;
background: linear-gradient(
90deg,
-45deg,
var(--buttonGradateA),
var(--buttonGradateB)
);

View file

@ -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)
);

View file

@ -539,7 +539,7 @@ console.log(mainRouter.currentRoute.value.name);
width: 4rem;
background-position: center;
background: linear-gradient(
90deg,
-45deg,
var(--buttonGradateA),
var(--buttonGradateB)
);

View file

@ -52,7 +52,7 @@ const strokeDashoffset = $computed(
> circle {
transform-origin: center;
transform: rotate(-90deg);
transform: rotate(45deg);
transition: stroke-dashoffset 0.5s ease;
}