mirror of
https://iceshrimp.dev/limepotato/jormungandr-bite.git
synced 2024-11-21 17:37:29 -07:00
fix branding gradient angle
This commit is contained in:
parent
7a031bb8ce
commit
4f9b5d9f72
10 changed files with 12 additions and 12 deletions
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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)
|
||||
);
|
||||
|
|
|
@ -170,7 +170,7 @@ const vote = async (id) => {
|
|||
height: 100%;
|
||||
background: var(--accent);
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
-45deg,
|
||||
var(--buttonGradateA),
|
||||
var(--buttonGradateB)
|
||||
);
|
||||
|
|
|
@ -315,7 +315,7 @@ hr {
|
|||
@extend ._buttonPrimary;
|
||||
color: var(--fgOnAccent);
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
-45deg,
|
||||
var(--buttonGradateA),
|
||||
var(--buttonGradateB)
|
||||
);
|
||||
|
|
|
@ -240,7 +240,7 @@ function more() {
|
|||
bottom: 0;
|
||||
border-radius: 999px;
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
-45deg,
|
||||
var(--buttonGradateA),
|
||||
var(--buttonGradateB)
|
||||
);
|
||||
|
|
|
@ -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)
|
||||
);
|
||||
|
|
|
@ -539,7 +539,7 @@ console.log(mainRouter.currentRoute.value.name);
|
|||
width: 4rem;
|
||||
background-position: center;
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
-45deg,
|
||||
var(--buttonGradateA),
|
||||
var(--buttonGradateB)
|
||||
);
|
||||
|
|
|
@ -52,7 +52,7 @@ const strokeDashoffset = $computed(
|
|||
|
||||
> circle {
|
||||
transform-origin: center;
|
||||
transform: rotate(-90deg);
|
||||
transform: rotate(45deg);
|
||||
transition: stroke-dashoffset 0.5s ease;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue