daniel543x/artcraft
1
0 Fork 0
mirror of https://github.com/storytold/artcraft.git synced 2026-11-05 17:58:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

revert changes

Browse Source
This commit is contained in:
bflatastic committed 2024-08-09 08:51:59 +07:00
1 parent 55b19f28be
commit 8f22ef1d07
4 files changed
+24 -24
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/website/packages/fakeyou.com/src/components/common/BookmarkButton/BookmarkButton.scss
+8 -11
View File
@@ -9,7 +9,7 @@
border: none;
padding: 0;
font: inherit;
font-size: 14px !important;
font-size: 15px !important;
cursor: pointer;
outline: inherit;
transition: 0.2s;
@@ -36,18 +36,15 @@
}
&:hover .icon-default {
color: map-get($badge-colors, "yellow");
color: $white;
opacity: 1;
}
&.toggled {
background-color: darken(rgba(map-get($badge-colors, "yellow"), 0.9), 32%);
background-color: darken(rgba(map-get($badge-colors, "yellow"), 1), 15%);
&:hover {
background-color: darken(
rgba(map-get($badge-colors, "yellow"), 0.9),
25%
);
background-color: darken(rgba(map-get($badge-colors, "yellow"), 1), 20%);
}
}
@@ -58,24 +55,24 @@
}
.favorite-button .icon-default {
color: map-get($badge-colors, "yellow");
color: $white;
opacity: 0.7;
transition: 0.2s;
}
.favorite-button .icon-toggled {
color: map-get($badge-colors, "yellow");
color: $white;
animation: pulse 0.3s ease;
}
.favorite-button .icon-toggled:hover {
color: map-get($badge-colors, "yellow");
color: $white;
}
.favorite-text {
color: $white;
font-size: 14px;
font-weight: 400 !important;
font-weight: 600 !important;
height: 100%;
opacity: 0.9;
transition: 0.2s;
src/website/packages/fakeyou.com/src/components/common/LikeButton/LikeButton.scss
+11 -8
View File
@@ -9,7 +9,7 @@
border: none;
padding: 0;
font: inherit;
font-size: 14px !important;
font-size: 15px !important;
cursor: pointer;
outline: inherit;
transition: 0.2s;
@@ -36,15 +36,16 @@
}
&:hover .icon-default {
color: $primary;
color: $white;
opacity: 1;
font-size: 16px;
}
&.toggled {
background-color: rgba(#593a48, 0.9);
background-color: rgba(#545cb3, 1);
&:hover {
background-color: lighten(rgba(#593a48, 0.9), 10%);
background-color: lighten(rgba(#545cb3, 1), 5%);
}
}
@@ -55,24 +56,26 @@
}
.like-button .icon-default {
color: $primary;
color: $white;
opacity: 0.7;
transition: 0.2s;
font-size: 16px;
}
.like-button .icon-toggled {
color: $primary;
color: $white;
animation: pulse 0.3s ease;
font-size: 16px;
}
.like-button .icon-toggled:hover {
color: $primary;
color: $white;
}
.like-number {
color: $white;
font-size: 14px;
font-weight: 400 !important;
font-weight: 600 !important;
opacity: 0.9;
transition: 0.2s;
}
src/website/packages/fakeyou.com/src/components/common/LikeButton/LikeButton.tsx
+4 -4
View File
@@ -1,7 +1,7 @@
import React, { useState } from "react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faHeart } from "@fortawesome/pro-solid-svg-icons";
import { faHeart as faHeartOutline } from "@fortawesome/pro-regular-svg-icons";
import { faThumbsUp } from "@fortawesome/pro-solid-svg-icons";
import { faThumbsUp as faThumbsUpOutline } from "@fortawesome/pro-regular-svg-icons";
import { WorkDots } from "components/svg";
import { AnimationStatus, useAnimationStatus } from "hooks";
import Tippy from "@tippyjs/react";
@@ -76,8 +76,8 @@ export default function LikeButton({
className={`${buttonClass} ${buttonShadow} ${large ? "large" : ""}`}
>
<FontAwesomeIcon
icon={isToggled ? faHeart : faHeartOutline}
className={`${iconClass} me-2`}
icon={isToggled ? faThumbsUp : faThumbsUpOutline}
className={`${iconClass} me-2 fw-bold`}
/>
<div className="like-number">
<div className="like-number-wrapper">
src/website/packages/fakeyou.com/src/scss/site-refresh.scss
+1 -1
View File
@@ -1144,7 +1144,7 @@ styles with important tags:
}
.tippy-box[data-theme~="fakeyou"] {
background-color: darken($secondary, 12%);
background-color: lighten($secondary, 5%);
color: $white;
}