LumeWeb
/
skynet-webportal
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(dashboard-v2): styling fixes for Button component

This commit is contained in:
Michał Leszczyk 2022-03-22 13:46:34 +01:00
parent 3e2f7eab3b
commit f26822900f
No known key found for this signature in database
GPG Key ID: FA123CA8BAA2FBF4
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/dashboard-v2/src/components/Button/Button.js
View File

@ -6,9 +6,17 @@ import styled from "styled-components";
*/
export const Button = styled.button.attrs(({ disabled, $primary }) => ({
type: "button",
className: `px-6 py-2.5 rounded-full font-sans uppercase text-xs tracking-wide text-palette-600 transition-[filter]
${$primary ? "bg-primary" : "bg-white border-2 border-black"}
${disabled ? "saturate-50 brightness-125 cursor-default text-palette-400" : "hover:brightness-90"}`,
className: `px-6 py-2.5 rounded-full font-sans uppercase text-xs tracking-wide transition-[filter]
${
$primary
? `bg-primary ${disabled ? "" : "text-palette-600"}`
: `bg-white border-2 ${disabled ? "border-palette-300" : "border-black text-palette-600"}`
}
${
disabled
? `${$primary ? "saturate-50 brightness-125 text-palette-400" : "text-palette-300"} cursor-default`
: "hover:brightness-90"
}`,
}))``;
Button.propTypes = {
/**