opensource
/
dify
mirror of https://github.com/langgenius/dify.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix icons

This commit is contained in:
JzoNg 2024-03-21 15:55:44 +08:00
parent e673c64534
commit fb2e351c08
16 changed files with 162 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/(commonLayout)/apps/AppCard.tsx
View File

@ -21,7 +21,7 @@ import { getRedirection } from '@/utils/app-redirection'
import { useProviderContext } from '@/context/provider-context'
import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
import { AiText, ChatBot, CuteRobote } from '@/app/components/base/icons/src/vender/solid/communication'
import { Route } from '@/app/components/base/icons/src/vender/line/mapsAndTravel'
import { Route } from '@/app/components/base/icons/src/vender/solid/mapsAndTravel'
import type { CreateAppModalProps } from '@/app/components/explore/create-app-modal'
import EditAppModal from '@/app/components/explore/create-app-modal'
import SwitchAppModal from '@/app/components/app/switch-app-modal'

20
web/app/components/app/create-app-dialog/appForm.tsx
View File

@ -96,7 +96,7 @@ const AppForm = ({
>
<div
className={cn(
'relative grow w-[110px] px-0.5 pt-3 pb-2 flex flex-col items-center justify-center gap-1 rounded-lg border border-gray-100 bg-gray-25 text-gray-700 cursor-pointer hover:bg-white hover:shadow-xs hover:border-gray-300',
'relative grow w-[108px] mr-2 px-0.5 pt-3 pb-2 flex flex-col items-center justify-center gap-1 rounded-lg border border-gray-100 bg-gray-25 text-gray-700 cursor-pointer hover:bg-white hover:shadow-xs hover:border-gray-300',
showChatBotType && 'bg-white shadow-xs border-[1.5px] border-primary-400 hover:border-[1.5px] hover:border-primary-400',
)}
onClick={() => {
@ -105,7 +105,7 @@ const AppForm = ({
}}
>
<ChatBot className='w-6 h-6' />
<div className='h-5 text-sm font-medium leading-5'>{t('app.types.chatbot')}</div>
<div className='h-5 text-[13px] font-medium leading-[18px]'>{t('app.types.chatbot')}</div>
<div className='hidden absolute max-h-[92px] left-[-20px] bottom-[75px] px-3 py-[10px] bg-white rounded-xl shadow-lg border-[0.5px] border-[rgba(0,0,0,0.05)] text-gray-700 text-xs leading-[18px] group-hover:block'>{t('app.newApp.chatbotDescription')}</div>
</div>
</TooltipPlus>
@ -119,7 +119,7 @@ const AppForm = ({
>
<div
className={cn(
'relative grow w-[110px] px-0.5 pt-3 pb-2 flex flex-col items-center justify-center gap-1 rounded-lg border border-gray-100 bg-gray-25 text-gray-700 cursor-pointer hover:bg-white hover:shadow-xs hover:border-gray-300',
'relative grow w-[108px] mr-2 px-0.5 pt-3 pb-2 flex flex-col items-center justify-center gap-1 rounded-lg border border-gray-100 bg-gray-25 text-gray-700 cursor-pointer hover:bg-white hover:shadow-xs hover:border-gray-300',
appMode === 'completion' && 'bg-white shadow-xs border-[1.5px] border-primary-400 hover:border-[1.5px] hover:border-primary-400',
)}
onClick={() => {
@ -128,7 +128,7 @@ const AppForm = ({
}}
>
<AiText className='w-6 h-6' />
<div className='h-5 text-sm font-medium leading-5'>{t('app.newApp.completeApp')}</div>
<div className='h-5 text-[13px] font-medium leading-[18px]'>{t('app.newApp.completeApp')}</div>
</div>
</TooltipPlus>
<TooltipPlus
@ -139,7 +139,7 @@ const AppForm = ({
>
<div
className={cn(
'relative grow w-[110px] px-0.5 pt-3 pb-2 flex flex-col items-center justify-center gap-1 rounded-lg border border-gray-100 bg-gray-25 text-gray-700 cursor-pointer hover:bg-white hover:shadow-xs hover:border-gray-300',
'relative grow w-[108px] mr-2 px-0.5 pt-3 pb-2 flex flex-col items-center justify-center gap-1 rounded-lg border border-gray-100 bg-gray-25 text-gray-700 cursor-pointer hover:bg-white hover:shadow-xs hover:border-gray-300',
appMode === 'agent-chat' && 'bg-white shadow-xs border-[1.5px] border-primary-400 hover:border-[1.5px] hover:border-primary-400',
)}
onClick={() => {
@ -148,7 +148,7 @@ const AppForm = ({
}}
>
<CuteRobot className='w-6 h-6' />
<div className='h-5 text-sm font-medium leading-5'>{t('app.types.agent')}</div>
<div className='h-5 text-[13px] font-medium leading-[18px]'>{t('app.types.agent')}</div>
</div>
</TooltipPlus>
<TooltipPlus
@ -161,7 +161,7 @@ const AppForm = ({
>
<div
className={cn(
'relative grow w-[110px] px-0.5 pt-3 pb-2 flex flex-col items-center justify-center gap-1 rounded-lg border border-gray-100 bg-gray-25 text-gray-700 cursor-pointer hover:bg-white hover:shadow-xs hover:border-gray-300',
'relative grow w-[108px] px-0.5 pt-3 pb-2 flex flex-col items-center justify-center gap-1 rounded-lg border border-gray-100 bg-gray-25 text-gray-700 cursor-pointer hover:bg-white hover:shadow-xs hover:border-gray-300',
appMode === 'workflow' && 'bg-white shadow-xs border-[1.5px] border-primary-400 hover:border-[1.5px] hover:border-primary-400',
)}
onClick={() => {
@ -170,14 +170,14 @@ const AppForm = ({
}}
>
<Route className='w-6 h-6' />
<div className='h-5 text-sm font-medium leading-5'>{t('app.types.workflow')}</div>
<div className='h-5 text-[13px] font-medium leading-[18px]'>{t('app.types.workflow')}</div>
<span className='absolute top-[-3px] right-[-3px] px-1 rounded-[5px] bg-white border border-black/8 text-gray-500 text-[10px] leading-[18px] font-medium'>BETA</span>
</div>
</TooltipPlus>
</div>
</div>
{showChatBotType && (
<div className='py-2 px-8 w-[480px]'>
<div className='py-2 px-8'>
<div className='py-2 text-sm leading-[20px] font-medium text-gray-900'>{t('app.newApp.chatbotType')}</div>
<div className='flex gap-2'>
<div
@ -221,7 +221,7 @@ const AppForm = ({
{/* icon & name */}
<div className='pt-2 px-8'>
<div className='py-2 text-sm font-medium leading-[20px] text-gray-900'>{t('app.newApp.captionName')}</div>
<div className='flex items-center justify-between space-x-3'>
<div className='flex items-center justify-between space-x-2'>
<AppIcon size='large' onClick={() => { setShowEmojiPicker(true) }} className='cursor-pointer' icon={emoji.icon} background={emoji.icon_background} />
<input
value={name}

2
web/app/components/app/create-app-dialog/index.tsx
View File

@ -38,7 +38,7 @@ const CreateAppDialog = ({ show, onSuccess, onClose }: CreateAppDialogProps) =>
</div>
<div
className={cn(
'hidden absolute left-[452px] top-[68px] w-[376px] rounded-xl bg-white border-[0.5px] border-[rgba(0,0,0,0.05)] shadow-lg',
'hidden absolute left-[528px] top-[68px] w-[376px] rounded-xl bg-white border-[0.5px] border-[rgba(0,0,0,0.05)] shadow-lg',
showInstruction && '!block',
)}
>

2
web/app/components/app/duplicate-modal/index.tsx
View File

@ -64,7 +64,7 @@ const DuplicateAppModal = ({
<div className={s.title}>{t('app.duplicateTitle')}</div>
<div className={s.content}>
<div className={s.subTitle}>{t('explore.appCustomize.subTitle')}</div>
<div className='flex items-center justify-between space-x-3'>
<div className='flex items-center justify-between space-x-2'>
<AppIcon size='large' onClick={() => { setShowEmojiPicker(true) }} className='cursor-pointer' icon={emoji.icon} background={emoji.icon_background} />
<input
value={name}

2
web/app/components/app/switch-app-modal/index.tsx
View File

@ -93,7 +93,7 @@ const SwitchAppModal = ({ show, appDetail, inAppDetail = false, onSuccess, onClo
</div>
<div className='pb-4'>
<div className='py-2 text-sm font-medium leading-[20px] text-gray-900'>{t('app.switchLabel')}</div>
<div className='flex items-center justify-between space-x-3'>
<div className='flex items-center justify-between space-x-2'>
<AppIcon size='large' onClick={() => { setShowEmojiPicker(true) }} className='cursor-pointer' icon={emoji.icon} background={emoji.icon_background} />
<input
value={name}

12
web/app/components/base/icons/assets/vender/line/communication/chat-bot.svg
View File

@ -1,5 +1,9 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1818 11.0909H3.81818C2.81364 11.0909 2 11.9045 2 12.9091V20.1818C2 21.1864 2.81364 22 3.81818 22H16.5455C17.55 22 18.3636 21.1864 18.3636 20.1818V12.9091M6.54545 7.99989V5.63636M6.54545 5.63636C7.04753 5.63636 7.45455 5.22935 7.45455 4.72727C7.45455 4.2252 7.04753 3.81818 6.54545 3.81818C6.04338 3.81818 5.63636 4.2252 5.63636 4.72727C5.63636 5.22935 6.04338 5.63636 6.54545 5.63636ZM13.8182 2.90909C13.8182 2.40727 14.2255 2 14.7273 2H21.0909C21.5927 2 22 2.40727 22 2.90909V7.45455C22 7.95636 21.5927 8.36364 21.0909 8.36364H16.5455L13.8182 10.1818V2.90909Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.00011 16.5454C7.75323 16.5454 8.36375 15.9349 8.36375 15.1818C8.36375 14.4286 7.75323 13.8181 7.00011 13.8181C6.247 13.8181 5.63647 14.4286 5.63647 15.1818C5.63647 15.9349 6.247 16.5454 7.00011 16.5454Z" fill="black"/>
<path d="M13.3637 16.5454C14.1169 16.5454 14.7274 15.9349 14.7274 15.1818C14.7274 14.4286 14.1169 13.8181 13.3637 13.8181C12.6106 13.8181 12.0001 14.4286 12.0001 15.1818C12.0001 15.9349 12.6106 16.5454 13.3637 16.5454Z" fill="black"/>
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="chat-bot">
<path id="Vector" d="M10.8488 11.0909H4.48517C3.48063 11.0909 2.66699 11.9045 2.66699 12.9091V20.1818C2.66699 21.1864 3.48063 22 4.48517 22H17.2124C18.217 22 19.0306 21.1864 19.0306 20.1818V12.9091M7.21245 7.99989V5.63636M7.21245 5.63636C7.71452 5.63636 8.12154 5.22935 8.12154 4.72727C8.12154 4.2252 7.71452 3.81818 7.21245 3.81818C6.71037 3.81818 6.30336 4.2252 6.30336 4.72727C6.30336 5.22935 6.71037 5.63636 7.21245 5.63636ZM14.4852 2.90909C14.4852 2.40727 14.8924 2 15.3943 2H21.7579C22.2597 2 22.667 2.40727 22.667 2.90909V7.45455C22.667 7.95636 22.2597 8.36364 21.7579 8.36364H17.2124L14.4852 10.1818V2.90909Z" stroke="#344054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<g id="Vector_2">
<path d="M7.66735 16.5456C8.42046 16.5456 9.03098 15.9351 9.03098 15.182C9.03098 14.4289 8.42046 13.8184 7.66735 13.8184C6.91423 13.8184 6.30371 14.4289 6.30371 15.182C6.30371 15.9351 6.91423 16.5456 7.66735 16.5456Z" fill="#344054"/>
<path d="M14.031 16.5456C14.7841 16.5456 15.3946 15.9351 15.3946 15.182C15.3946 14.4289 14.7841 13.8184 14.031 13.8184C13.2779 13.8184 12.6673 14.4289 12.6673 15.182C12.6673 15.9351 13.2779 16.5456 14.031 16.5456Z" fill="#344054"/>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

11
web/app/components/base/icons/assets/vender/line/mapsAndTravel/route.svg
View File

@ -1,10 +1,5 @@
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="route" clip-path="url(#clip0_664_8452)">
<path id="Icon" d="M5.75 2.5H5.9672C7.49082 2.5 8.25263 2.5 8.54182 2.77364C8.79179 3.01018 8.90257 3.35864 8.83508 3.69611C8.75701 4.08651 8.13505 4.52643 6.89114 5.40627L4.85886 6.84373C3.61495 7.72357 2.99299 8.16349 2.91492 8.5539C2.84743 8.89136 2.95821 9.23982 3.20818 9.47636C3.49737 9.75 4.25918 9.75 5.7828 9.75H6.25M4 2.5C4 3.32843 3.32843 4 2.5 4C1.67157 4 1 3.32843 1 2.5C1 1.67157 1.67157 1 2.5 1C3.32843 1 4 1.67157 4 2.5ZM11 9.5C11 10.3284 10.3284 11 9.5 11C8.67157 11 8 10.3284 8 9.5C8 8.67157 8.67157 8 9.5 8C10.3284 8 11 8.67157 11 9.5Z" stroke="#F79009" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="route">
<path id="Icon" d="M12.167 5H12.6014C15.6486 5 17.1723 5 17.7506 5.54729C18.2506 6.02037 18.4721 6.71728 18.3372 7.39221C18.181 8.17302 16.9371 9.05285 14.4493 10.8125L10.3847 13.6875C7.8969 15.4471 6.65298 16.327 6.49683 17.1078C6.36185 17.7827 6.58341 18.4796 7.08335 18.9527C7.66173 19.5 9.18535 19.5 12.2326 19.5H13.167M8.66699 5C8.66699 6.65685 7.32385 8 5.66699 8C4.01014 8 2.66699 6.65685 2.66699 5C2.66699 3.34315 4.01014 2 5.66699 2C7.32385 2 8.66699 3.34315 8.66699 5ZM22.667 19C22.667 20.6569 21.3238 22 19.667 22C18.0101 22 16.667 20.6569 16.667 19C16.667 17.3431 18.0101 16 19.667 16C21.3238 16 22.667 17.3431 22.667 19Z" stroke="#344054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_664_8452">
<rect width="12" height="12" fill="white"/>
</clipPath>
</defs>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 900 B

After

Width:  |  Height:  |  Size: 843 B

7
web/app/components/base/icons/assets/vender/solid/mapsAndTravel/route.svg Normal file
View File

@ -0,0 +1,7 @@
<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="route-sep">
<path id="Icon" d="M6.08303 2.5H6.30023C7.82386 2.5 8.58567 2.5 8.87485 2.77364C9.12483 3.01018 9.23561 3.35864 9.16812 3.69611C9.09004 4.08651 8.46809 4.52643 7.22418 5.40627L5.19189 6.84373C3.94799 7.72357 3.32603 8.16349 3.24795 8.55389C3.18046 8.89136 3.29124 9.23982 3.54122 9.47636C3.8304 9.75 4.59221 9.75 6.11584 9.75H6.58303" stroke="#F79009" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Icon_2" d="M2.83301 4C3.66143 4 4.33301 3.32843 4.33301 2.5C4.33301 1.67157 3.66143 1 2.83301 1C2.00458 1 1.33301 1.67157 1.33301 2.5C1.33301 3.32843 2.00458 4 2.83301 4Z" fill="#F79009"/>
<path id="Icon_3" d="M9.83301 11C10.6614 11 11.333 10.3284 11.333 9.5C11.333 8.67157 10.6614 8 9.83301 8C9.00458 8 8.33301 8.67157 8.33301 9.5C8.33301 10.3284 9.00458 11 9.83301 11Z" fill="#F79009"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 927 B

73
web/app/components/base/icons/src/vender/line/communication/ChatBot.json
View File

@ -4,42 +4,61 @@
"isRootNode": true,
"name": "svg",
"attributes": {
"width": "24",
"width": "25",
"height": "24",
"viewBox": "0 0 24 24",
"viewBox": "0 0 25 24",
"fill": "none",
"xmlns": "http://www.w3.org/2000/svg"
},
"children": [
{
"type": "element",
"name": "path",
"name": "g",
"attributes": {
"d": "M10.1818 11.0909H3.81818C2.81364 11.0909 2 11.9045 2 12.9091V20.1818C2 21.1864 2.81364 22 3.81818 22H16.5455C17.55 22 18.3636 21.1864 18.3636 20.1818V12.9091M6.54545 7.99989V5.63636M6.54545 5.63636C7.04753 5.63636 7.45455 5.22935 7.45455 4.72727C7.45455 4.2252 7.04753 3.81818 6.54545 3.81818C6.04338 3.81818 5.63636 4.2252 5.63636 4.72727C5.63636 5.22935 6.04338 5.63636 6.54545 5.63636ZM13.8182 2.90909C13.8182 2.40727 14.2255 2 14.7273 2H21.0909C21.5927 2 22 2.40727 22 2.90909V7.45455C22 7.95636 21.5927 8.36364 21.0909 8.36364H16.5455L13.8182 10.1818V2.90909Z",
"stroke": "currentColor",
"stroke-width": "2",
"stroke-linecap": "round",
"stroke-linejoin": "round"
"id": "chat-bot"
},
"children": []
},
{
"type": "element",
"name": "path",
"attributes": {
"d": "M7.00011 16.5454C7.75323 16.5454 8.36375 15.9349 8.36375 15.1818C8.36375 14.4286 7.75323 13.8181 7.00011 13.8181C6.247 13.8181 5.63647 14.4286 5.63647 15.1818C5.63647 15.9349 6.247 16.5454 7.00011 16.5454Z",
"fill": "currentColor"
},
"children": []
},
{
"type": "element",
"name": "path",
"attributes": {
"d": "M13.3637 16.5454C14.1169 16.5454 14.7274 15.9349 14.7274 15.1818C14.7274 14.4286 14.1169 13.8181 13.3637 13.8181C12.6106 13.8181 12.0001 14.4286 12.0001 15.1818C12.0001 15.9349 12.6106 16.5454 13.3637 16.5454Z",
"fill": "currentColor"
},
"children": []
"children": [
{
"type": "element",
"name": "path",
"attributes": {
"id": "Vector",
"d": "M10.8488 11.0909H4.48517C3.48063 11.0909 2.66699 11.9045 2.66699 12.9091V20.1818C2.66699 21.1864 3.48063 22 4.48517 22H17.2124C18.217 22 19.0306 21.1864 19.0306 20.1818V12.9091M7.21245 7.99989V5.63636M7.21245 5.63636C7.71452 5.63636 8.12154 5.22935 8.12154 4.72727C8.12154 4.2252 7.71452 3.81818 7.21245 3.81818C6.71037 3.81818 6.30336 4.2252 6.30336 4.72727C6.30336 5.22935 6.71037 5.63636 7.21245 5.63636ZM14.4852 2.90909C14.4852 2.40727 14.8924 2 15.3943 2H21.7579C22.2597 2 22.667 2.40727 22.667 2.90909V7.45455C22.667 7.95636 22.2597 8.36364 21.7579 8.36364H17.2124L14.4852 10.1818V2.90909Z",
"stroke": "currentColor",
"stroke-width": "1.5",
"stroke-linecap": "round",
"stroke-linejoin": "round"
},
"children": []
},
{
"type": "element",
"name": "g",
"attributes": {
"id": "Vector_2"
},
"children": [
{
"type": "element",
"name": "path",
"attributes": {
"d": "M7.66735 16.5456C8.42046 16.5456 9.03098 15.9351 9.03098 15.182C9.03098 14.4289 8.42046 13.8184 7.66735 13.8184C6.91423 13.8184 6.30371 14.4289 6.30371 15.182C6.30371 15.9351 6.91423 16.5456 7.66735 16.5456Z",
"fill": "currentColor"
},
"children": []
},
{
"type": "element",
"name": "path",
"attributes": {
"d": "M14.031 16.5456C14.7841 16.5456 15.3946 15.9351 15.3946 15.182C15.3946 14.4289 14.7841 13.8184 14.031 13.8184C13.2779 13.8184 12.6673 14.4289 12.6673 15.182C12.6673 15.9351 13.2779 16.5456 14.031 16.5456Z",
"fill": "currentColor"
},
"children": []
}
]
}
]
}
]
},

39
web/app/components/base/icons/src/vender/line/mapsAndTravel/Route.json
View File

@ -4,9 +4,9 @@
"isRootNode": true,
"name": "svg",
"attributes": {
"width": "12",
"height": "12",
"viewBox": "0 0 12 12",
"width": "25",
"height": "24",
"viewBox": "0 0 25 24",
"fill": "none",
"xmlns": "http://www.w3.org/2000/svg"
},
@ -15,8 +15,7 @@
"type": "element",
"name": "g",
"attributes": {
"id": "route",
"clip-path": "url(#clip0_664_8452)"
"id": "route"
},
"children": [
{
@ -24,41 +23,15 @@
"name": "path",
"attributes": {
"id": "Icon",
"d": "M5.75 2.5H5.9672C7.49082 2.5 8.25263 2.5 8.54182 2.77364C8.79179 3.01018 8.90257 3.35864 8.83508 3.69611C8.75701 4.08651 8.13505 4.52643 6.89114 5.40627L4.85886 6.84373C3.61495 7.72357 2.99299 8.16349 2.91492 8.5539C2.84743 8.89136 2.95821 9.23982 3.20818 9.47636C3.49737 9.75 4.25918 9.75 5.7828 9.75H6.25M4 2.5C4 3.32843 3.32843 4 2.5 4C1.67157 4 1 3.32843 1 2.5C1 1.67157 1.67157 1 2.5 1C3.32843 1 4 1.67157 4 2.5ZM11 9.5C11 10.3284 10.3284 11 9.5 11C8.67157 11 8 10.3284 8 9.5C8 8.67157 8.67157 8 9.5 8C10.3284 8 11 8.67157 11 9.5Z",
"d": "M12.167 5H12.6014C15.6486 5 17.1723 5 17.7506 5.54729C18.2506 6.02037 18.4721 6.71728 18.3372 7.39221C18.181 8.17302 16.9371 9.05285 14.4493 10.8125L10.3847 13.6875C7.8969 15.4471 6.65298 16.327 6.49683 17.1078C6.36185 17.7827 6.58341 18.4796 7.08335 18.9527C7.66173 19.5 9.18535 19.5 12.2326 19.5H13.167M8.66699 5C8.66699 6.65685 7.32385 8 5.66699 8C4.01014 8 2.66699 6.65685 2.66699 5C2.66699 3.34315 4.01014 2 5.66699 2C7.32385 2 8.66699 3.34315 8.66699 5ZM22.667 19C22.667 20.6569 21.3238 22 19.667 22C18.0101 22 16.667 20.6569 16.667 19C16.667 17.3431 18.0101 16 19.667 16C21.3238 16 22.667 17.3431 22.667 19Z",
"stroke": "currentColor",
"stroke-width": "1.25",
"stroke-width": "1.5",
"stroke-linecap": "round",
"stroke-linejoin": "round"
},
"children": []
}
]
},
{
"type": "element",
"name": "defs",
"attributes": {},
"children": [
{
"type": "element",
"name": "clipPath",
"attributes": {
"id": "clip0_664_8452"
},
"children": [
{
"type": "element",
"name": "rect",
"attributes": {
"width": "12",
"height": "12",
"fill": "white"
},
"children": []
}
]
}
]
}
]
},

58
web/app/components/base/icons/src/vender/solid/mapsAndTravel/Route.json Normal file
View File

@ -0,0 +1,58 @@
{
"icon": {
"type": "element",
"isRootNode": true,
"name": "svg",
"attributes": {
"width": "13",
"height": "12",
"viewBox": "0 0 13 12",
"fill": "none",
"xmlns": "http://www.w3.org/2000/svg"
},
"children": [
{
"type": "element",
"name": "g",
"attributes": {
"id": "route-sep"
},
"children": [
{
"type": "element",
"name": "path",
"attributes": {
"id": "Icon",
"d": "M6.08303 2.5H6.30023C7.82386 2.5 8.58567 2.5 8.87485 2.77364C9.12483 3.01018 9.23561 3.35864 9.16812 3.69611C9.09004 4.08651 8.46809 4.52643 7.22418 5.40627L5.19189 6.84373C3.94799 7.72357 3.32603 8.16349 3.24795 8.55389C3.18046 8.89136 3.29124 9.23982 3.54122 9.47636C3.8304 9.75 4.59221 9.75 6.11584 9.75H6.58303",
"stroke": "currentColor",
"stroke-linecap": "round",
"stroke-linejoin": "round"
},
"children": []
},
{
"type": "element",
"name": "path",
"attributes": {
"id": "Icon_2",
"d": "M2.83301 4C3.66143 4 4.33301 3.32843 4.33301 2.5C4.33301 1.67157 3.66143 1 2.83301 1C2.00458 1 1.33301 1.67157 1.33301 2.5C1.33301 3.32843 2.00458 4 2.83301 4Z",
"fill": "currentColor"
},
"children": []
},
{
"type": "element",
"name": "path",
"attributes": {
"id": "Icon_3",
"d": "M9.83301 11C10.6614 11 11.333 10.3284 11.333 9.5C11.333 8.67157 10.6614 8 9.83301 8C9.00458 8 8.33301 8.67157 8.33301 9.5C8.33301 10.3284 9.00458 11 9.83301 11Z",
"fill": "currentColor"
},
"children": []
}
]
}
]
},
"name": "Route"
}

16
web/app/components/base/icons/src/vender/solid/mapsAndTravel/Route.tsx Normal file
View File

@ -0,0 +1,16 @@
// GENERATE BY script
// DON NOT EDIT IT MANUALLY
import * as React from 'react'
import data from './Route.json'
import IconBase from '@/app/components/base/icons/IconBase'
import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
props,
ref,
) => <IconBase {...props} ref={ref} data={data as IconData} />)
Icon.displayName = 'Route'
export default Icon

1
web/app/components/base/icons/src/vender/solid/mapsAndTravel/index.ts Normal file
View File

@ -0,0 +1 @@
export { default as Route } from './Route'

2
web/app/components/explore/app-card/index.tsx
View File

@ -6,7 +6,7 @@ import Button from '../../base/button'
import type { App } from '@/models/explore'
import AppIcon from '@/app/components/base/app-icon'
import { AiText, ChatBot, CuteRobote } from '@/app/components/base/icons/src/vender/solid/communication'
import { Route } from '@/app/components/base/icons/src/vender/line/mapsAndTravel'
import { Route } from '@/app/components/base/icons/src/vender/solid/mapsAndTravel'
export type AppCardProps = {
app: App
canCreate: boolean

2
web/app/components/explore/app-list/index.tsx
View File

@ -110,7 +110,7 @@ const Apps = ({
return (
<div className={cn(
'flex flex-col',
pageType === PageType.EXPLORE ? 'h-full border-l border-gray-200' : 'h-[calc(100%-76px)]',
pageType === PageType.EXPLORE ? 'h-full border-l border-gray-200' : 'h-[calc(100%-56px)]',
)}>
{pageType === PageType.EXPLORE && (
<div className='shrink-0 pt-6 px-12'>

2
web/app/components/explore/create-app-modal/index.tsx
View File

@ -80,7 +80,7 @@ const CreateAppModal = ({
{/* icon & name */}
<div className='pt-2'>
<div className='py-2 text-sm font-medium leading-[20px] text-gray-900'>{t('app.newApp.captionName')}</div>
<div className='flex items-center justify-between space-x-3'>
<div className='flex items-center justify-between space-x-2'>
<AppIcon size='large' onClick={() => { setShowEmojiPicker(true) }} className='cursor-pointer' icon={emoji.icon} background={emoji.icon_background} />
<input
value={name}