luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

style(component): remove button's shadow (#6481)

Browse Source
This commit is contained in:
CatsJuice
2024-04-09 03:06:28 +00:00
parent d9504e4eb7
commit 803b17ae78
1 changed files with 0 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/frontend/component/src/ui/button/button.css.ts
View File

@@ -83,7 +83,6 @@ export const button = style({
color: cssVar('pureWhite'), color: cssVar('pureWhite'),
background: cssVar('primaryColor'), background: cssVar('primaryColor'),
borderColor: cssVar('black10'), borderColor: cssVar('black10'),
boxShadow: cssVar('buttonInnerShadow'),
}, },
'&.primary:not(.without-hover):hover': { '&.primary:not(.without-hover):hover': {
background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar( background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar(
@@ -101,7 +100,6 @@ export const button = style({
color: cssVar('pureWhite'), color: cssVar('pureWhite'),
background: cssVar('errorColor'), background: cssVar('errorColor'),
borderColor: cssVar('black10'), borderColor: cssVar('black10'),
boxShadow: cssVar('buttonInnerShadow'),
}, },
'&.error:not(.without-hover):hover': { '&.error:not(.without-hover):hover': {
background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar( background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar(
@@ -119,7 +117,6 @@ export const button = style({
color: cssVar('pureWhite'), color: cssVar('pureWhite'),
background: cssVar('warningColor'), background: cssVar('warningColor'),
borderColor: cssVar('black10'), borderColor: cssVar('black10'),
boxShadow: cssVar('buttonInnerShadow'),
}, },
'&.warning:not(.without-hover):hover': { '&.warning:not(.without-hover):hover': {
background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar( background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar(
@@ -137,7 +134,6 @@ export const button = style({
color: cssVar('pureWhite'), color: cssVar('pureWhite'),
background: cssVar('successColor'), background: cssVar('successColor'),
borderColor: cssVar('black10'), borderColor: cssVar('black10'),
boxShadow: cssVar('buttonInnerShadow'),
}, },
'&.success:not(.without-hover):hover': { '&.success:not(.without-hover):hover': {
background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar( background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar(
@@ -155,7 +151,6 @@ export const button = style({
color: cssVar('pureWhite'), color: cssVar('pureWhite'),
background: cssVar('processingColor'), background: cssVar('processingColor'),
borderColor: cssVar('black10'), borderColor: cssVar('black10'),
boxShadow: cssVar('buttonInnerShadow'),
}, },
'&.processing:not(.without-hover):hover': { '&.processing:not(.without-hover):hover': {
background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar( background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar(
@@ -283,7 +278,6 @@ export const iconButton = style({
color: cssVar('white'), color: cssVar('white'),
background: cssVar('primaryColor'), background: cssVar('primaryColor'),
borderColor: cssVar('black10'), borderColor: cssVar('black10'),
boxShadow: '0px 1px 2px 0px rgba(255, 255, 255, 0.25) inset',
}, },
'&.primary:not(.without-hover):hover': { '&.primary:not(.without-hover):hover': {
background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar( background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar(
@@ -301,7 +295,6 @@ export const iconButton = style({
color: cssVar('white'), color: cssVar('white'),
background: cssVar('errorColor'), background: cssVar('errorColor'),
borderColor: cssVar('black10'), borderColor: cssVar('black10'),
boxShadow: '0px 1px 2px 0px rgba(255, 255, 255, 0.25) inset',
}, },
'&.error:not(.without-hover):hover': { '&.error:not(.without-hover):hover': {
background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar( background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar(
@@ -319,7 +312,6 @@ export const iconButton = style({
color: cssVar('white'), color: cssVar('white'),
background: cssVar('warningColor'), background: cssVar('warningColor'),
borderColor: cssVar('black10'), borderColor: cssVar('black10'),
boxShadow: '0px 1px 2px 0px rgba(255, 255, 255, 0.25) inset',
}, },
'&.warning:not(.without-hover):hover': { '&.warning:not(.without-hover):hover': {
background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar( background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar(
@@ -337,7 +329,6 @@ export const iconButton = style({
color: cssVar('white'), color: cssVar('white'),
background: cssVar('successColor'), background: cssVar('successColor'),
borderColor: cssVar('black10'), borderColor: cssVar('black10'),
boxShadow: '0px 1px 2px 0px rgba(255, 255, 255, 0.25) inset',
}, },
'&.success:not(.without-hover):hover': { '&.success:not(.without-hover):hover': {
background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar( background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar(
@@ -355,7 +346,6 @@ export const iconButton = style({
color: cssVar('white'), color: cssVar('white'),
background: cssVar('processingColor'), background: cssVar('processingColor'),
borderColor: cssVar('black10'), borderColor: cssVar('black10'),
boxShadow: '0px 1px 2px 0px rgba(255, 255, 255, 0.25) inset',
}, },
'&.processing:not(.without-hover):hover': { '&.processing:not(.without-hover):hover': {
background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar( background: `linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), ${cssVar(