mirror of
https://github.com/coder/coder.git
synced 2025-07-09 11:45:56 +00:00
chore: Increase border radius (#3493)
This commit is contained in:
@ -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)}`,
|
||||||
},
|
},
|
||||||
}))
|
}))
|
||||||
|
@ -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),
|
||||||
|
@ -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,
|
||||||
|
|
||||||
|
@ -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,
|
||||||
|
@ -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,
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -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,
|
||||||
|
@ -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`,
|
||||||
|
@ -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),
|
||||||
|
@ -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"
|
||||||
|
@ -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}`,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
Reference in New Issue
Block a user