💄(frontend) add margin to the close Dialog button
When hovered, button's borders were touching the Dialog borders, which did feel great.
This commit is contained in:
committed by
aleb_the_flash
parent
cac58f49d3
commit
88fadd1d61
@@ -8,8 +8,9 @@ import { cva } from '@/styled-system/css'
|
|||||||
*/
|
*/
|
||||||
export const menuItemRecipe = cva({
|
export const menuItemRecipe = cva({
|
||||||
base: {
|
base: {
|
||||||
paddingY: '0.4rem',
|
paddingY: 0.125,
|
||||||
paddingX: 0.5,
|
paddingX: 0.5,
|
||||||
|
paddingLeft: 1.5,
|
||||||
textAlign: 'left',
|
textAlign: 'left',
|
||||||
width: 'full',
|
width: 'full',
|
||||||
borderRadius: 4,
|
borderRadius: 4,
|
||||||
@@ -42,6 +43,8 @@ export const menuItemRecipe = cva({
|
|||||||
display: 'flex',
|
display: 'flex',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
gap: '1rem',
|
gap: '1rem',
|
||||||
|
paddingY: '0.4rem',
|
||||||
|
paddingLeft: 0.5,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user