KeyArgo
/
llama-gpt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: fix fonts (#194) 

* fix: hotfix fonts

* chore: set normal line height
This commit is contained in:
Danil Shishkevich 2023-03-26 17:07:00 +07:00 committed by GitHub
parent ff13a3eab8
commit c0b1b2eadb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/Sidebar/Conversation.tsx
View File

@ -64,7 +64,7 @@ export const ConversationComponent: FC<Props> = ({
return ( return (
<button <button
className={`flex w-full cursor-pointer items-center gap-3 rounded-lg p-3 text-sidebar transition-colors duration-200 hover:bg-[#343541]/90 ${ className={`flex w-full cursor-pointer items-center gap-3 rounded-lg p-3 text-[12px] leading-normal transition-colors duration-200 hover:bg-[#343541]/90 ${
loading ? 'disabled:cursor-not-allowed' : '' loading ? 'disabled:cursor-not-allowed' : ''
} ${ } ${
selectedConversation.id === conversation.id ? 'bg-[#343541]/90' : '' selectedConversation.id === conversation.id ? 'bg-[#343541]/90' : ''

2
components/Sidebar/Folder.tsx
View File

@ -100,7 +100,7 @@ export const Folder: FC<Props> = ({
return ( return (
<div> <div>
<div <div
className={`mb-1 flex cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sidebar transition-colors duration-200 hover:bg-[#343541]/90`} className={`mb-1 flex cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-[12px] leading-normal transition-colors duration-200 hover:bg-[#343541]/90`}
onClick={() => setIsOpen(!isOpen)} onClick={() => setIsOpen(!isOpen)}
onDrop={(e) => handleDrop(e, currentFolder)} onDrop={(e) => handleDrop(e, currentFolder)}
onDragOver={allowDrop} onDragOver={allowDrop}

2
components/Sidebar/Search.tsx
View File

@ -21,7 +21,7 @@ export const Search: FC<Props> = ({ searchTerm, onSearch }) => {
return ( return (
<div className="relative flex items-center"> <div className="relative flex items-center">
<input <input
className="w-full flex-1 rounded-md border border-neutral-600 bg-[#202123] px-4 py-3 pr-10 text-sidebar text-white" className="w-full flex-1 rounded-md border border-neutral-600 bg-[#202123] px-4 py-3 pr-10 text-[12px] leading-normal text-white"
type="text" type="text"
placeholder={t('Search conversations...') || ''} placeholder={t('Search conversations...') || ''}
value={searchTerm} value={searchTerm}

6
components/Sidebar/Sidebar.tsx
View File

@ -122,7 +122,7 @@ export const Sidebar: FC<Props> = ({
> >
<header className="flex items-center"> <header className="flex items-center">
<button <button
className="flex w-[190px] flex-shrink-0 cursor-pointer items-center gap-3 rounded-md border border-white/20 p-3 text-sidebar text-white transition-colors duration-200 select-none hover:bg-gray-500/10" className="flex w-[190px] flex-shrink-0 cursor-pointer items-center gap-3 rounded-md border border-white/20 p-3 text-[12px] leading-normal text-white transition-colors duration-200 select-none hover:bg-gray-500/10"
onClick={() => { onClick={() => {
onNewConversation(); onNewConversation();
setSearchTerm(''); setSearchTerm('');
@ -133,7 +133,7 @@ export const Sidebar: FC<Props> = ({
</button> </button>
<button <button
className="ml-2 flex flex-shrink-0 cursor-pointer items-center gap-3 rounded-md border border-white/20 p-3 text-sidebar text-white transition-colors duration-200 hover:bg-gray-500/10" className="ml-2 flex flex-shrink-0 cursor-pointer items-center gap-3 rounded-md border border-white/20 p-3 text-[12px] leading-normal text-white transition-colors duration-200 hover:bg-gray-500/10"
onClick={() => onCreateFolder(t('New folder'))} onClick={() => onCreateFolder(t('New folder'))}
> >
<IconFolderPlus size={18} /> <IconFolderPlus size={18} />
@ -194,7 +194,7 @@ export const Sidebar: FC<Props> = ({
) : ( ) : (
<div className="mt-8 text-white text-center opacity-50 select-none"> <div className="mt-8 text-white text-center opacity-50 select-none">
<IconMessagesOff className='mx-auto mb-3'/> <IconMessagesOff className='mx-auto mb-3'/>
<span className='text-sidebar'>{t('No conversations.')}</span> <span className='text-[12px] leading-normal'>{t('No conversations.')}</span>
</div> </div>
)} )}
</div> </div>

2
components/Sidebar/SidebarButton.tsx
View File

@ -9,7 +9,7 @@ interface Props {
export const SidebarButton: FC<Props> = ({ text, icon, onClick }) => { export const SidebarButton: FC<Props> = ({ text, icon, onClick }) => {
return ( return (
<button <button
className="flex w-full cursor-pointer items-center gap-3 rounded-md py-3 px-3 text-white text-sidebar transition-colors duration-200 hover:bg-gray-500/10 select-none" className="flex w-full cursor-pointer items-center gap-3 rounded-md py-3 px-3 text-white text-[12px] leading-normal transition-colors duration-200 hover:bg-gray-500/10 select-none"
onClick={onClick} onClick={onClick}
> >
<div>{icon}</div> <div>{icon}</div>

3
tailwind.config.js
View File

@ -7,9 +7,6 @@ module.exports = {
], ],
darkMode: 'class', darkMode: 'class',
theme: { theme: {
fontSize: {
sidebar: ['13px', '18px']
},
extend: {}, extend: {},
}, },
plugins: [require('@tailwindcss/typography')], plugins: [require('@tailwindcss/typography')],