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

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

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