qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2024-09-20 11:16:19 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix!: Toggle use color minimalist

Browse Source
This commit is contained in:
DarioEsp 2022-07-24 00:55:46 -04:00
parent 0b7ea6015b
commit c1719ebe70
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/svgCard.tsx
View File

@ -6,6 +6,7 @@ import CustomLink from "@/common/link";
const SVGCard = (props: SVGCardProps) => {
const bg = useColorModeValue("bg.light", "bg.dark");
const color = useColorModeValue("rgb(0,0,0, .1)", "rgb(255,255,255, .1)");
return (
<Tap>
<CustomLink href={`/svg/${props.id}`}>
@ -17,8 +18,7 @@ const SVGCard = (props: SVGCardProps) => {
borderWidth="1px"
mb="2"
_hover={{
/* shadow: "md", */
border:"1px solid rgb(0,0,0, .1)",
border:`1px solid ${color}`,
transform: "scale(0.98)",
}}
transition="all 0.2s" >

6
src/layout/header/categories.tsx
View File

@ -2,16 +2,16 @@ import React from "react";
import useSWR from "swr";
import { getCategorySvgs } from "@/services";
import CustomLink from "@/common/link";
import { Box } from "@chakra-ui/react";
import { Box, useColorModeValue } from "@chakra-ui/react";
import { RaceBy } from "@uiball/loaders";
const Categories = () => {
const { data, error } = useSWR(getCategorySvgs);
const color = useColorModeValue("rgb(0,0,0, .1)", "rgb(255,255,255, .1)");
if (error) return <div>failed to load</div>;
if (!data)
return <RaceBy size={52} lineWeight={3} speed={1.4} color="#4343E5" />;
return (
<>
{data.map((category: string) => (
@ -23,7 +23,7 @@ const Categories = () => {
borderRadius="4px"
borderWidth="1px"
_hover={{
border:"1px solid rgb(0,0,0, .1)",
border:`1px solid ${color}`,
transform: "scale(0.98)",
}}>
{category}