mirror of
https://github.com/Mintplex-Labs/anything-llm.git
synced 2024-11-11 01:10:11 +01:00
3cb8a80e8d
* WIP main sidebar designs * hover states and active states for main sidebar * main and settings sidebar UI updates & improve performance using Link instead of <a> * update borders to match rest of UI in all pages * update borders of all containers to match rest of UI * remove unneeded conditional * small changes to UI to conform to designs Fix conditional hook render * add check for roles to SettingsButton component and hide button from footer when in mobile * typo --------- Co-authored-by: timothycarambat <rambat1010@gmail.com>
90 lines
2.7 KiB
JavaScript
90 lines
2.7 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: {
|
|
relative: true,
|
|
files: [
|
|
"./src/components/**/*.{js,jsx}",
|
|
"./src/hooks/**/*.js",
|
|
"./src/models/**/*.js",
|
|
"./src/pages/**/*.{js,jsx}",
|
|
"./src/utils/**/*.js",
|
|
"./src/*.jsx",
|
|
"./index.html"
|
|
]
|
|
},
|
|
theme: {
|
|
extend: {
|
|
rotate: {
|
|
"270": "270deg",
|
|
"360": "360deg"
|
|
},
|
|
colors: {
|
|
"black-900": "#141414",
|
|
accent: "#3D4147",
|
|
"sidebar-button": "#31353A",
|
|
sidebar: "#25272C",
|
|
"historical-msg-system": "rgba(255, 255, 255, 0.05);",
|
|
"historical-msg-user": "#2C2F35",
|
|
outline: "#4E5153"
|
|
},
|
|
backgroundImage: {
|
|
"preference-gradient":
|
|
"linear-gradient(180deg, #5A5C63 0%, rgba(90, 92, 99, 0.28) 100%);",
|
|
"chat-msg-user-gradient":
|
|
"linear-gradient(180deg, #3D4147 0%, #2C2F35 100%);",
|
|
"selected-preference-gradient":
|
|
"linear-gradient(180deg, #313236 0%, rgba(63.40, 64.90, 70.13, 0) 100%);",
|
|
"main-gradient": "linear-gradient(180deg, #3D4147 0%, #2C2F35 100%)",
|
|
"modal-gradient": "linear-gradient(180deg, #3D4147 0%, #2C2F35 100%)",
|
|
"sidebar-gradient": "linear-gradient(90deg, #5B616A 0%, #3F434B 100%)",
|
|
"menu-item-gradient":
|
|
"linear-gradient(90deg, #3D4147 0%, #2C2F35 100%)",
|
|
"menu-item-selected-gradient":
|
|
"linear-gradient(90deg, #5B616A 0%, #3F434B 100%)",
|
|
"workspace-item-gradient":
|
|
"linear-gradient(90deg, #3D4147 0%, #2C2F35 100%)",
|
|
"workspace-item-selected-gradient":
|
|
"linear-gradient(90deg, #5B616A 0%, #3F434B 100%)",
|
|
"switch-selected": "linear-gradient(146deg, #5B616A 0%, #3F434B 100%)"
|
|
},
|
|
fontFamily: {
|
|
sans: [
|
|
"plus-jakarta-sans",
|
|
"ui-sans-serif",
|
|
"system-ui",
|
|
"-apple-system",
|
|
"BlinkMacSystemFont",
|
|
'"Segoe UI"',
|
|
"Roboto",
|
|
'"Helvetica Neue"',
|
|
"Arial",
|
|
'"Noto Sans"',
|
|
"sans-serif",
|
|
'"Apple Color Emoji"',
|
|
'"Segoe UI Emoji"',
|
|
'"Segoe UI Symbol"',
|
|
'"Noto Color Emoji"'
|
|
]
|
|
},
|
|
animation: {
|
|
sweep: "sweep 0.5s ease-in-out"
|
|
},
|
|
keyframes: {
|
|
sweep: {
|
|
"0%": { transform: "scaleX(0)", transformOrigin: "bottom left" },
|
|
"100%": { transform: "scaleX(1)", transformOrigin: "bottom left" }
|
|
},
|
|
fadeIn: {
|
|
"0%": { opacity: 0 },
|
|
"100%": { opacity: 1 }
|
|
},
|
|
fadeOut: {
|
|
"0%": { opacity: 1 },
|
|
"100%": { opacity: 0 }
|
|
}
|
|
}
|
|
}
|
|
},
|
|
plugins: []
|
|
}
|