synced/coder
1
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2025-07-09 11:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: Increase border radius (#3493)

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
site/src/components/BorderedMenu/BorderedMenu.tsx
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)}`,
}, },
})) }))

2
site/src/components/BorderedMenuRow/BorderedMenuRow.tsx
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),

2
site/src/components/CopyButton/CopyButton.tsx
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,

4
site/src/components/TemplateStats/TemplateStats.tsx
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,

2
site/src/components/WorkspaceBuildLogs/WorkspaceBuildLogs.tsx
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,
}, },

4
site/src/components/WorkspaceBuildStats/WorkspaceBuildStats.tsx
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,

2
site/src/components/WorkspaceScheduleButton/WorkspaceScheduleButton.tsx
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`,

4
site/src/components/WorkspaceSection/WorkspaceSection.tsx
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),

2
site/src/theme/constants.ts
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"

8
site/src/theme/overrides.ts
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}`,
}, },
}, },