jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

style(tailwind.config.js): added dark theme for attribution

Browse source
This commit is contained in:
Gabriel Almeida 2023-05-17 11:28:18 -03:00
commit 6afebffe1f
1 changed files with 30 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

52
src/frontend/tailwind.config.js
View file

@ -1,10 +1,7 @@
/** @type {import('tailwindcss').Config} */ /** @type {import('tailwindcss').Config} */
import plugin from "tailwindcss/plugin"; import plugin from "tailwindcss/plugin";
module.exports = { module.exports = {
content: [ content: ["./index.html", "./src/**/*.{js,ts,tsx,jsx}"],
"./index.html",
"./src/**/*.{js,ts,tsx,jsx}",
],
darkMode: "class", darkMode: "class",
important: true, important: true,
theme: { theme: {
@ -55,32 +52,39 @@ module.exports = {
margin: 0, margin: 0,
}, },
}, },
'.password':{ ".password": {
"-webkit-text-security": "disc", "-webkit-text-security": "disc",
"font-family": "text-security-disc" "font-family": "text-security-disc",
}, },
'.stop': { ".stop": {
'-webkit-animation-play-state': 'paused', "-webkit-animation-play-state": "paused",
'-moz-animation-play-state': 'paused', "-moz-animation-play-state": "paused",
'animation-play-state': 'paused', "animation-play-state": "paused",
}, },
'.custom-scroll':{ ".custom-scroll": {
'&::-webkit-scrollbar': { "&::-webkit-scrollbar": {
'width': '8px', width: "8px",
}, },
'&::-webkit-scrollbar-track': { "&::-webkit-scrollbar-track": {
'backgroundColor': '#f1f1f1', backgroundColor: "#f1f1f1",
}, },
'&::-webkit-scrollbar-thumb': { "&::-webkit-scrollbar-thumb": {
'backgroundColor': '#ccc', backgroundColor: "#ccc",
'borderRadius': '999px', borderRadius: "999px",
}, },
'&::-webkit-scrollbar-thumb:hover': { "&::-webkit-scrollbar-thumb:hover": {
'backgroundColor': '#bbb' backgroundColor: "#bbb",
}
}, },
}) },
}),require('@tailwindcss/line-clamp'),require('@tailwindcss/typography'), ".dark .theme-attribution .react-flow__attribution": {
backgroundColor: "rgba(255, 255, 255, 0.2)",
},
".dark .theme-attribution .react-flow__attribution a": {
color: "black",
},
});
}),
require("@tailwindcss/line-clamp"),
require("@tailwindcss/typography"),
], ],
}; };