yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: Move depths and breakpoints out of theme

Browse Source
This commit is contained in:
Tom Moor
2022-04-04 21:20:38 -07:00
parent 20a69b711a
commit 2e41ace386
25 changed files with 73 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/scenes/Document/components/EditableTitle.tsx
View File

@@ -3,7 +3,7 @@ import * as React from "react";
import styled from "styled-components";
import breakpoint from "styled-components-breakpoint";
import { MAX_TITLE_LENGTH } from "@shared/constants";
import { light } from "@shared/theme";
import { light } from "@shared/styles/theme";
import {
getCurrentDateAsString,
getCurrentDateTimeAsString,

3
app/scenes/Document/components/ObservingBanner.tsx
View File

@@ -3,6 +3,7 @@ import { observer } from "mobx-react";
import * as React from "react";
import { useTranslation } from "react-i18next";
import styled from "styled-components";
import { depths } from "@shared/styles";
import useStores from "~/hooks/useStores";
const transition = {
@@ -50,7 +51,7 @@ const Banner = styled(m.div)<{ $color: string }>`
padding: 6px 6px 1px;
font-size: 13px;
font-weight: 500;
z-index: ${(props) => props.theme.depths.header + 1};
z-index: ${depths.header + 1};
color: ${(props) => props.theme.white};
background: ${(props) => props.$color};
border-bottom-left-radius: 4px;