kamp/anything-llm
1
0
Fork 0
mirror of https://github.com/Mintplex-Labs/anything-llm.git synced 2024-11-16 11:20:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

- enlarged chat Input Buttons

Browse Source 
- stitched chat input buttons container width to 700px from 600px
This commit is contained in:
sherifButt 2024-03-21 06:14:19 +00:00
parent 88e809e40c
commit ca112130bd
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/WorkspaceChat/ChatContainer/MetaInputs/OptionSelect/index.jsx
View File

@ -35,7 +35,7 @@ const OptionSelect = ({ data, settings, submit, message, setMessage }) => {
return ( return (
<div className=" mb-2 w-full p-4 backdrop-blur-sm rounded-t-xl overflow-hidden py-4 px-6 border-l border-t border-r border-[#2f3238]"> <div className=" mb-2 w-full p-4 backdrop-blur-sm rounded-t-xl overflow-hidden py-4 px-6 border-l border-t border-r border-[#2f3238]">
<Label label={data?.label} /> <Label label={data?.label} />
<div className=" pb-0 mt-2 grid grid-cols-1 md:grid-cols-2 gap-4 text-white/80 text-xs "> <div className=" pb-0 mt-2 grid grid-cols-1 md:grid-cols-2 gap-4 text-white/70 text-sm ">
{data.options.map((option, index) => ( {data.options.map((option, index) => (
<button <button
key={index} key={index}
@ -51,7 +51,7 @@ const OptionSelect = ({ data, settings, submit, message, setMessage }) => {
<span className="text-white/50 mr-1">{index + 1}.</span>{" "} <span className="text-white/50 mr-1">{index + 1}.</span>{" "}
{option.label} {option.label}
</p> </p>
<span className="absolute invisible group-hover:visible bg-black text-white text-xs rounded-lg p-2 left-0 bottom-full mb-2"> <span className="absolute invisible group-hover:visible bg-black text-white text-sm rounded-lg p-2 left-0 bottom-full mb-2">
<span className="text-white/50 mr-1">{index + 1}.</span>{" "} <span className="text-white/50 mr-1">{index + 1}.</span>{" "}
{option.label} {option.label}
</span> </span>
@ -65,7 +65,7 @@ const OptionSelect = ({ data, settings, submit, message, setMessage }) => {
// Normal List with Hyperlinks // Normal List with Hyperlinks
if (settings.displayType === "list") { if (settings.displayType === "list") {
return ( return (
<div className=" text-white/70 text-xs w-full backdrop-blur-sm rounded-t-xl overflow-hidden py-4 px-6 border-l border-t border-r border-[#2f3238]"> <div className=" text-white/70 text-sm w-full backdrop-blur-sm rounded-t-xl overflow-hidden py-4 px-6 border-l border-t border-r border-[#2f3238]">
<Label {...data} /> <Label {...data} />
{data.options.map((option, index) => ( {data.options.map((option, index) => (
<a <a
@ -94,7 +94,7 @@ const OptionSelect = ({ data, settings, submit, message, setMessage }) => {
return ( return (
<div className="w-full p-4 backdrop-blur-sm rounded-t-xl overflow-hidden py-4 px-6 border-l border-t border-r border-[#2f3238]"> <div className="w-full p-4 backdrop-blur-sm rounded-t-xl overflow-hidden py-4 px-6 border-l border-t border-r border-[#2f3238]">
<Label label={data?.label} /> <Label label={data?.label} />
<div className="pb-0 mt-2 grid grid-cols-1 md:grid-cols-2 gap-4 text-white/80 text-xs"> <div className="pb-0 mt-2 grid grid-cols-1 md:grid-cols-2 gap-4 text-white/80 text-sm">
{data.options.map((option, index) => ( {data.options.map((option, index) => (
<label key={index} className="flex items-center space-x-2"> <label key={index} className="flex items-center space-x-2">
<input <input
@ -135,7 +135,7 @@ const OptionSelect = ({ data, settings, submit, message, setMessage }) => {
multiple={settings.allowMultiple} multiple={settings.allowMultiple}
required={true} required={true}
disabled={settings.disabled} disabled={settings.disabled}
className="shadow-xl mt-3 bg-sidebar text-white text-xs rounded-xl p-2.5 w-full border border-white/20 focus:ring-blue-500 focus:border-blue-500" className="shadow-xl mt-3 bg-sidebar text-white text-sm rounded-xl p-2.5 w-full border border-white/20 focus:ring-blue-500 focus:border-blue-500"
onChange={(e) => { onChange={(e) => {
handleSelection(e.target.value); handleSelection(e.target.value);
handleSubmit(); handleSubmit();
@ -167,13 +167,13 @@ const Label = ({ label, description }) => {
{label && ( {label && (
<label <label
htmlFor="chatModel" htmlFor="chatModel"
className="block input-label text-white text-opacity-60 text-xs font-medium py-1.5" className="block input-label text-white text-opacity-60 text-md font-medium py-1.5"
> >
{label} {label}
</label> </label>
)} )}
{description && ( {description && (
<p className="text-white text-opacity-60 text-xs font-medium py-1.5"> <p className="text-white text-opacity-60 text-sm font-medium py-1.5">
{description} {description}
</p> </p>
)} )}

2
frontend/src/components/WorkspaceChat/ChatContainer/MetaInputs/index.jsx
View File

@ -51,7 +51,7 @@ const MetaInputs = ({
return ( return (
<div className="w-full md:px-4 fixed md:absolute bottom-10 left-0 z-10 md:z-0 flex justify-center items-center"> <div className="w-full md:px-4 fixed md:absolute bottom-10 left-0 z-10 md:z-0 flex justify-center items-center">
<div className="w-[600px]"> <div className="w-[700px]">
{shouldShowMetaInputs ? ( {shouldShowMetaInputs ? (
<InputComponent <InputComponent
submit={submit} submit={submit}