opensource/sqlchat
1
0
Fork 0
mirror of https://github.com/sqlchat/sqlchat.git synced 2025-07-28 17:53:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: update empty view style

Browse Source
This commit is contained in:
steven
2023-03-24 18:01:37 +08:00
parent 7f2cc8890a
commit 6e1f137048
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/EmptyView.tsx
View File

@ -8,9 +8,9 @@ const EmptyView = (props: Props) => {
const { className } = props;
return (
<div className={`${className || ""} w-full h-full flex flex-col justify-center items-center`}>
<div className={`${className || ""} w-full h-full flex flex-col justify-start items-center`}>
<p className=" text-5xl font-medium leading-loose mb-8">SQLChat</p>
<div className="w-full grid grid-cols-3 gap-4">
<div className="w-full grid grid-cols-2 sm:grid-cols-3 gap-4">
<div className="w-full flex flex-col justify-start items-center">
<Icon.Bs.BsSun className="w-8 h-auto opacity-80" />
<span className="mt-2 mb-4">Examples</span>
@ -23,7 +23,7 @@ const EmptyView = (props: Props) => {
<div className="w-full bg-gray-50 rounded-lg px-4 py-3 text-sm mb-4">Remembers what user said earlier in the conversation</div>
<div className="w-full bg-gray-50 rounded-lg px-4 py-3 text-sm mb-4">Allows user to provide follow-up corrections</div>
</div>
<div className="w-full flex flex-col justify-start items-center">
<div className="w-full hidden sm:flex flex-col justify-start items-center">
<Icon.Bs.BsEmojiNeutral className="w-8 h-auto opacity-80" />
<span className="mt-2 mb-4">Limitations</span>
<div className="w-full bg-gray-50 rounded-lg px-4 py-3 text-sm mb-4">May occasionally generate incorrect information</div>