mirror of
https://github.com/rowyio/rowy.git
synced 2025-12-28 16:06:41 +01:00
update button design
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "rowy",
|
||||
"version": "2.6.1",
|
||||
"version": "2.7.0-alpha",
|
||||
"homepage": "https://rowy.io",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
|
||||
@@ -49,7 +49,7 @@ export const colorsLight = (
|
||||
disabled: textBase.alpha(0.26).toHslString(),
|
||||
disabledBackground: textBase.alpha(0.12).toHslString(),
|
||||
input: "#fff",
|
||||
inputOutline: shadowBase.alpha(0.12).toRgbString(),
|
||||
inputOutline: shadowBase.alpha(0.1).toRgbString(),
|
||||
},
|
||||
divider: shadowBase.alpha(0.12).toRgbString(), // Using hsl string breaks table borders
|
||||
},
|
||||
@@ -154,7 +154,7 @@ export const colorsDark = (
|
||||
hover: "rgba(255, 255, 255, 0.08)",
|
||||
hoverOpacity: 0.08,
|
||||
input: "rgba(255, 255, 255, 0.06)",
|
||||
inputOutline: "rgba(255, 255, 255, 0.08)",
|
||||
inputOutline: "rgba(255, 255, 255, 0.06)",
|
||||
},
|
||||
// success: { light: "#34c759" },
|
||||
},
|
||||
|
||||
@@ -725,12 +725,12 @@ export const components = (theme: Theme): ThemeOptions => {
|
||||
},
|
||||
|
||||
contained: {
|
||||
boxShadow: `0 -1px 0 0 rgba(0, 0, 0, 0.12) inset, ${theme.shadows[2]}`,
|
||||
boxShadow: `0 -1px 0 0 rgba(0, 0, 0, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.08) inset, ${theme.shadows[2]}`,
|
||||
"&:hover": {
|
||||
boxShadow: `0 -1px 0 0 rgba(0, 0, 0, 0.12) inset, ${theme.shadows[4]}`,
|
||||
boxShadow: `0 -1px 0 0 rgba(0, 0, 0, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.08) inset, ${theme.shadows[4]}`,
|
||||
},
|
||||
"&:active": {
|
||||
boxShadow: `0 -1px 0 0 rgba(0, 0, 0, 0.12) inset, ${theme.shadows[8]}`,
|
||||
boxShadow: `0 -1px 0 0 rgba(0, 0, 0, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.08) inset, ${theme.shadows[8]}`,
|
||||
},
|
||||
},
|
||||
containedPrimary: {
|
||||
|
||||
Reference in New Issue
Block a user