chore: Increase border radius (#3493)

This commit is contained in:
Bruno Quaresma
2022-08-12 14:58:14 -03:00
committed by GitHub
parent c3fcf7c953
commit 0e8c68ebc5
10 changed files with 16 additions and 16 deletions

View File

@ -36,7 +36,7 @@ const useStyles = makeStyles((theme) => ({
paperRoot: { paperRoot: {
width: "292px", width: "292px",
border: `2px solid ${theme.palette.secondary.dark}`, border: `2px solid ${theme.palette.secondary.dark}`,
borderRadius: 7, borderRadius: theme.shape.borderRadius,
boxShadow: `4px 4px 0px ${fade(theme.palette.secondary.dark, 0.2)}`, boxShadow: `4px 4px 0px ${fade(theme.palette.secondary.dark, 0.2)}`,
}, },
})) }))

View File

@ -91,7 +91,7 @@ const useStyles = makeStyles((theme) => ({
padding: `0 ${theme.spacing(1.5)}px`, padding: `0 ${theme.spacing(1.5)}px`,
}, },
content: { content: {
borderRadius: 7, borderRadius: theme.shape.borderRadius,
display: "flex", display: "flex",
flexDirection: "column", flexDirection: "column",
padding: theme.spacing(2), padding: theme.spacing(2),

View File

@ -89,7 +89,7 @@ const useStyles = makeStyles((theme) => ({
marginLeft: theme.spacing(1), marginLeft: theme.spacing(1),
}, },
copyButton: { copyButton: {
borderRadius: 7, borderRadius: theme.shape.borderRadius,
padding: theme.spacing(0.85), padding: theme.spacing(0.85),
minWidth: 32, minWidth: 32,

View File

@ -2,7 +2,7 @@ import { makeStyles } from "@material-ui/core/styles"
import { FC } from "react" import { FC } from "react"
import { createDayString } from "util/createDayString" import { createDayString } from "util/createDayString"
import { Template, TemplateVersion } from "../../api/typesGenerated" import { Template, TemplateVersion } from "../../api/typesGenerated"
import { CardRadius, MONOSPACE_FONT_FAMILY } from "../../theme/constants" import { MONOSPACE_FONT_FAMILY } from "../../theme/constants"
const Language = { const Language = {
usedByLabel: "Used by", usedByLabel: "Used by",
@ -59,7 +59,7 @@ const useStyles = makeStyles((theme) => ({
paddingLeft: theme.spacing(2), paddingLeft: theme.spacing(2),
paddingRight: theme.spacing(2), paddingRight: theme.spacing(2),
backgroundColor: theme.palette.background.paper, backgroundColor: theme.palette.background.paper,
borderRadius: CardRadius, borderRadius: theme.shape.borderRadius,
display: "flex", display: "flex",
alignItems: "center", alignItems: "center",
color: theme.palette.text.secondary, color: theme.palette.text.secondary,

View File

@ -79,7 +79,7 @@ export const WorkspaceBuildLogs: FC<WorkspaceBuildLogsProps> = ({ logs }) => {
const useStyles = makeStyles((theme) => ({ const useStyles = makeStyles((theme) => ({
logs: { logs: {
border: `1px solid ${theme.palette.divider}`, border: `1px solid ${theme.palette.divider}`,
borderRadius: 2, borderRadius: theme.shape.borderRadius,
fontFamily: MONOSPACE_FONT_FAMILY, fontFamily: MONOSPACE_FONT_FAMILY,
}, },

View File

@ -3,7 +3,7 @@ import { makeStyles, useTheme } from "@material-ui/core/styles"
import { FC } from "react" import { FC } from "react"
import { Link as RouterLink } from "react-router-dom" import { Link as RouterLink } from "react-router-dom"
import { WorkspaceBuild } from "../../api/typesGenerated" import { WorkspaceBuild } from "../../api/typesGenerated"
import { CardRadius, MONOSPACE_FONT_FAMILY } from "../../theme/constants" import { MONOSPACE_FONT_FAMILY } from "../../theme/constants"
import { combineClasses } from "../../util/combineClasses" import { combineClasses } from "../../util/combineClasses"
import { import {
displayWorkspaceBuildDuration, displayWorkspaceBuildDuration,
@ -72,7 +72,7 @@ const useStyles = makeStyles((theme) => ({
paddingLeft: theme.spacing(2), paddingLeft: theme.spacing(2),
paddingRight: theme.spacing(2), paddingRight: theme.spacing(2),
backgroundColor: theme.palette.background.paper, backgroundColor: theme.palette.background.paper,
borderRadius: CardRadius, borderRadius: theme.shape.borderRadius,
display: "flex", display: "flex",
alignItems: "center", alignItems: "center",
color: theme.palette.text.secondary, color: theme.palette.text.secondary,

View File

@ -179,7 +179,7 @@ const useStyles = makeStyles((theme) => ({
}, },
}, },
iconButton: { iconButton: {
borderRadius: 2, borderRadius: theme.shape.borderRadius,
}, },
popoverPaper: { popoverPaper: {
padding: `${theme.spacing(2)}px ${theme.spacing(3)}px ${theme.spacing(3)}px`, padding: `${theme.spacing(2)}px ${theme.spacing(3)}px ${theme.spacing(3)}px`,

View File

@ -2,7 +2,7 @@ import Paper from "@material-ui/core/Paper"
import { makeStyles } from "@material-ui/core/styles" import { makeStyles } from "@material-ui/core/styles"
import Typography from "@material-ui/core/Typography" import Typography from "@material-ui/core/Typography"
import React, { HTMLProps } from "react" import React, { HTMLProps } from "react"
import { CardPadding, CardRadius } from "../../theme/constants" import { CardPadding } from "../../theme/constants"
import { combineClasses } from "../../util/combineClasses" import { combineClasses } from "../../util/combineClasses"
export interface WorkspaceSectionProps { export interface WorkspaceSectionProps {
@ -44,7 +44,7 @@ export const WorkspaceSection: React.FC<WorkspaceSectionProps> = ({
const useStyles = makeStyles((theme) => ({ const useStyles = makeStyles((theme) => ({
root: { root: {
border: `1px solid ${theme.palette.divider}`, border: `1px solid ${theme.palette.divider}`,
borderRadius: CardRadius, borderRadius: theme.shape.borderRadius,
}, },
contents: { contents: {
margin: theme.spacing(2), margin: theme.spacing(2),

View File

@ -1,5 +1,5 @@
export const spacing = 8 export const spacing = 8
export const borderRadius = 4 export const borderRadius = 8
export const buttonBorderWidth = 2 export const buttonBorderWidth = 2
export const MONOSPACE_FONT_FAMILY = export const MONOSPACE_FONT_FAMILY =
"'IBM Plex Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'Liberation Mono', 'Monaco', 'Courier New', Courier, monospace" "'IBM Plex Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'Liberation Mono', 'Monaco', 'Courier New', Courier, monospace"

View File

@ -1,7 +1,7 @@
import { Theme } from "@material-ui/core/styles" import { Theme } from "@material-ui/core/styles"
import { SimplePaletteColorOptions } from "@material-ui/core/styles/createPalette" import { SimplePaletteColorOptions } from "@material-ui/core/styles/createPalette"
import { Overrides } from "@material-ui/core/styles/overrides" import { Overrides } from "@material-ui/core/styles/overrides"
import { MONOSPACE_FONT_FAMILY } from "./constants" import { borderRadius, MONOSPACE_FONT_FAMILY } from "./constants"
export const getOverrides = ({ palette, breakpoints }: Theme): Overrides => { export const getOverrides = ({ palette, breakpoints }: Theme): Overrides => {
return { return {
@ -74,7 +74,7 @@ export const getOverrides = ({ palette, breakpoints }: Theme): Overrides => {
}, },
MuiTableContainer: { MuiTableContainer: {
root: { root: {
borderRadius: 2, borderRadius,
border: `1px solid ${palette.divider}`, border: `1px solid ${palette.divider}`,
}, },
}, },
@ -117,7 +117,7 @@ export const getOverrides = ({ palette, breakpoints }: Theme): Overrides => {
}, },
MuiInputBase: { MuiInputBase: {
root: { root: {
borderRadius: 2, borderRadius,
}, },
}, },
MuiOutlinedInput: { MuiOutlinedInput: {
@ -141,7 +141,7 @@ export const getOverrides = ({ palette, breakpoints }: Theme): Overrides => {
}, },
MuiPaper: { MuiPaper: {
root: { root: {
borderRadius: 2, borderRadius,
border: `1px solid ${palette.divider}`, border: `1px solid ${palette.divider}`,
}, },
}, },