OpenNeo/impress-2020
OpenNeo/impress-2020
1
0
Fork 0
Code Pull requests Activity

add dark mode styles for modeling page

Browse source
This commit is contained in:
Emi Matchu 2020-09-07 00:03:46 -07:00
parent 626b36319a
commit dba8eed7e5
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/app/ModelingPage.js
View file

@ -1,5 +1,5 @@
import React from "react"; import React from "react";
import { Badge, Box, SimpleGrid } from "@chakra-ui/core"; import { Badge, Box, SimpleGrid, useColorModeValue } from "@chakra-ui/core";
import { StarIcon } from "@chakra-ui/icons"; import { StarIcon } from "@chakra-ui/icons";
import gql from "graphql-tag"; import gql from "graphql-tag";
import { useQuery } from "@apollo/client"; import { useQuery } from "@apollo/client";
@ -74,6 +74,8 @@ function ItemModelsList() {
} }
function ItemModelCard({ item, currentUserOwnsItem, ...props }) { function ItemModelCard({ item, currentUserOwnsItem, ...props }) {
const borderColor = useColorModeValue("transparent", "green.500");
return ( return (
<Box <Box
as="a" as="a"
@ -82,6 +84,8 @@ function ItemModelCard({ item, currentUserOwnsItem, ...props }) {
boxShadow="lg" boxShadow="lg"
borderRadius="lg" borderRadius="lg"
width="400px" width="400px"
border="1px"
borderColor={borderColor}
{...props} {...props}
> >
<ItemSummary <ItemSummary