Mirrored_Repos/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-08-30 18:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: change icons (#6076)

Browse Source
This commit is contained in:
Kilu.He 2024-08-27 10:59:31 +08:00 committed by GitHub
parent 1b185ba3cd
commit e3a68d3ecb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
18 changed files with 204 additions and 117 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/appflowy_web_app/src/assets/ai_summary.svg
View File

@ -1,4 +1,24 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.44667 3.33333L12.6667 6.55333V12.6667H3.33333V3.33333H9.44667ZM9.44667 2H3.33333C2.6 2 2 2.6 2 3.33333V12.6667C2 13.4 2.6 14 3.33333 14H12.6667C13.4 14 14 13.4 14 12.6667V6.55333C14 6.2 13.86 5.86 13.6067 5.61333L10.3867 2.39333C10.14 2.14 9.8 2 9.44667 2ZM4.66667 10H11.3333V11.3333H4.66667V10ZM4.66667 7.33333H11.3333V8.66667H4.66667V7.33333ZM4.66667 4.66667H9.33333V6H4.66667V4.66667Z"
fill="currentColor"/>
<g id="File-Favourite--Streamline-Solar-Ar" clip-path="url(#clip0_41_59)">
<path id="Vector" d="M9.36746 14.3244H6.63259V15.35H9.36746V14.3244ZM1.67559 9.36744V6.63256H0.650025V9.36744H1.67559ZM14.3244 9.06863V9.36744H15.35V9.06863H14.3244ZM9.97678 2.94813L12.6835 5.38413L13.3695 4.62181L10.6629 2.18581L9.97678 2.94813ZM15.35 9.06863C15.35 7.91419 15.3603 7.18331 15.069 6.52931L14.1322 6.94656C14.3141 7.35494 14.3244 7.82363 14.3244 9.06863H15.35ZM12.6835 5.38413C13.6088 6.21694 13.9503 6.53819 14.1322 6.94656L15.069 6.52931C14.7778 5.87531 14.2276 5.39406 13.3695 4.62181L12.6835 5.38413ZM6.65296 1.67563C7.73446 1.67563 8.14259 1.68356 8.50628 1.82313L8.87371 0.865626C8.29134 0.642126 7.65677 0.650063 6.65296 0.650063V1.67563ZM10.6629 2.18581C9.92034 1.5175 9.45615 1.08906 8.87371 0.865626L8.50628 1.82313C8.87015 1.96275 9.17703 2.22838 9.97678 2.94813L10.6629 2.18581ZM6.63259 14.3244C5.32884 14.3244 4.40265 14.3233 3.69996 14.2288C3.01209 14.1364 2.61577 13.9629 2.32646 13.6736L1.60121 14.3988C2.1129 14.9104 2.76171 15.1375 3.56334 15.2453C4.35021 15.3511 5.35784 15.35 6.63259 15.35V14.3244ZM0.650025 9.36744C0.650025 10.6422 0.648962 11.6498 0.754712 12.4367C0.862525 13.2383 1.08952 13.8871 1.60121 14.3988L2.32646 13.6736C2.03709 13.3843 1.86365 12.9879 1.77115 12.3001C1.67671 11.5974 1.67559 10.6712 1.67559 9.36744H0.650025ZM9.36746 15.35C10.6421 15.35 11.6498 15.3511 12.4366 15.2453C13.2383 15.1375 13.8871 14.9104 14.3988 14.3988L13.6736 13.6736C13.3842 13.9629 12.9879 14.1364 12.3 14.2288C11.5974 14.3233 10.6711 14.3244 9.36746 14.3244V15.35ZM14.3244 9.36744C14.3244 10.6712 14.3233 11.5974 14.2288 12.3001C14.1364 12.9879 13.9629 13.3843 13.6736 13.6736L14.3988 14.3988C14.9104 13.8871 15.1375 13.2383 15.2453 12.4367C15.3511 11.6498 15.35 10.6422 15.35 9.36744H14.3244ZM1.67559 6.63256C1.67559 5.32888 1.67671 4.40263 1.77115 3.7C1.86365 3.01213 2.03709 2.61581 2.32646 2.32644L1.60121 1.60125C1.08959 2.11294 0.862525 2.76175 0.754712 3.56338C0.648962 4.35019 0.650025 5.35781 0.650025 6.63256H1.67559ZM6.65296 0.650063C5.37134 0.650063 4.35877 0.648938 3.56871 0.754688C2.76427 0.862376 2.11327 1.08919 1.60121 1.60125L2.32646 2.32644C2.6154 2.0375 3.0129 1.86381 3.70477 1.77119C4.41096 1.67669 5.34246 1.67563 6.65296 1.67563V0.650063Z" fill="url(#paint0_linear_41_59)"/>
<path id="Vector_2" d="M8.68372 1.50469V3.214C8.68372 4.8255 8.68372 5.63131 9.18434 6.13194C9.68503 6.63256 10.4908 6.63256 12.1023 6.63256H14.8372" stroke="url(#paint1_linear_41_59)"/>
<path id="Vector_3" d="M5.36486 8.69913C5.62467 8.233 5.75461 8 5.94879 8C6.14298 8 6.27292 8.233 6.53273 8.69913L6.59998 8.81975C6.67373 8.95219 6.71067 9.01831 6.76823 9.06206C6.82579 9.10575 6.89748 9.122 7.04086 9.15438L7.17136 9.18394C7.67586 9.29812 7.92817 9.35512 7.98823 9.54819C8.04823 9.74119 7.87623 9.94225 7.53229 10.3445L7.44329 10.4486C7.34554 10.5628 7.29667 10.6199 7.27467 10.6906C7.25273 10.7614 7.26011 10.8376 7.27486 10.9901L7.28836 11.1289C7.34029 11.6656 7.36636 11.9339 7.20923 12.0532C7.05204 12.1724 6.81592 12.0637 6.34354 11.8462L6.22129 11.7899C6.08704 11.7281 6.01998 11.6973 5.94879 11.6973C5.87767 11.6973 5.81054 11.7281 5.67629 11.7899L5.55411 11.8462C5.08173 12.0637 4.84554 12.1724 4.68842 12.0532C4.53129 11.9339 4.55729 11.6656 4.60929 11.1289L4.62273 10.9901C4.63754 10.8376 4.64492 10.7614 4.62292 10.6906C4.60092 10.6199 4.55204 10.5628 4.45429 10.4486L4.36536 10.3445C4.02136 9.94225 3.84942 9.74119 3.90942 9.54819C3.96942 9.35512 4.22173 9.29812 4.72623 9.18394L4.85673 9.15438C5.00011 9.122 5.07179 9.10575 5.12936 9.06206C5.18692 9.01837 5.22386 8.95219 5.29767 8.81975L5.36486 8.69913Z" stroke="url(#paint2_linear_41_59)"/>
</g>
<defs>
<linearGradient id="paint0_linear_41_59" x1="8.00002" y1="0.650028" x2="8.00002" y2="15.35" gradientUnits="userSpaceOnUse">
<stop stop-color="#8032FF"/>
<stop offset="1" stop-color="#EF35FF"/>
</linearGradient>
<linearGradient id="paint1_linear_41_59" x1="11.7605" y1="1.50469" x2="11.7605" y2="6.63256" gradientUnits="userSpaceOnUse">
<stop stop-color="#8032FF"/>
<stop offset="1" stop-color="#EF35FF"/>
</linearGradient>
<linearGradient id="paint2_linear_41_59" x1="5.94882" y1="8" x2="5.94882" y2="12.1023" gradientUnits="userSpaceOnUse">
<stop stop-color="#8032FF"/>
<stop offset="1" stop-color="#EF35FF"/>
</linearGradient>
<clipPath id="clip0_41_59">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 540 B

After

Width:  |  Height:  |  Size: 4.4 KiB

17
frontend/appflowy_web_app/src/assets/ai_translate.svg
View File

@ -1,4 +1,17 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.58008 10.0468L6.88675 8.3735L6.90675 8.3535C8.06675 7.06016 8.89341 5.5735 9.38008 4.00016H11.3334V2.66683H6.66675V1.3335H5.33341V2.66683H0.666748V3.9935H8.11341C7.66675 5.28016 6.96008 6.50016 6.00008 7.56683C5.38008 6.88016 4.86675 6.12683 4.46008 5.3335H3.12675C3.61341 6.42016 4.28008 7.44683 5.11341 8.3735L1.72008 11.7202L2.66675 12.6668L6.00008 9.3335L8.07341 11.4068L8.58008 10.0468ZM12.3334 6.66683H11.0001L8.00008 14.6668H9.33341L10.0801 12.6668H13.2467L14.0001 14.6668H15.3334L12.3334 6.66683ZM10.5867 11.3335L11.6667 8.44683L12.7467 11.3335H10.5867Z"
fill="currentColor"/>
<defs>
<linearGradient id="paint0_linear_41_51" x1="8.00002" y1="0.72" x2="8.00002" y2="15.28"
gradientUnits="userSpaceOnUse">
<stop stop-color="#8032FF"/>
<stop offset="1" stop-color="#EF35FF"/>
</linearGradient>
</defs>
<g id="Translate-Text--Streamline-Sharp">
<g id="translate-text--options-text-translate">
<path id="Union" fill-rule="evenodd" clip-rule="evenodd"
d="M10.3003 2.0252H6.38474V0.72H5.07954V2.0252H1.164V3.3304H2.47663C2.5607 5.00003 3.35339 6.55824 4.65933 7.6095L2.39906 9.33788L3.19188 10.3747L5.73214 8.43216L7.29344 9.62611L8.08638 8.58933L6.80495 7.6095C8.11089 6.55824 8.90352 5.00003 8.98765 3.3304H10.3003V2.0252ZM5.89668 6.66323L5.73214 6.78908L5.5676 6.66323C4.51602 5.85915 3.86893 4.64185 3.78393 3.3304H7.68034C7.59535 4.64185 6.94826 5.85915 5.89668 6.66323ZM10.6918 7.24594H10.2187L10.0716 7.69555L7.72225 14.8741L8.9627 15.28L9.57661 13.4042H12.9817L13.5956 15.28L14.836 14.8741L12.4868 7.69555L12.3395 7.24594H10.6918ZM12.5545 12.099H10.0038L11.1649 8.55114H11.3935L12.5545 12.099Z"
fill="url(#paint0_linear_41_51)"/>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 714 B

After

Width:  |  Height:  |  Size: 1.3 KiB

11
frontend/appflowy_web_app/src/assets/checkbox.svg
View File

@ -1,4 +1,9 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.5 8L8.11538 9.5L13.5 4.5" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13 8.5V11.8889C13 12.1836 12.8829 12.4662 12.6746 12.6746C12.4662 12.8829 12.1836 13 11.8889 13H4.11111C3.81643 13 3.53381 12.8829 3.32544 12.6746C3.11706 12.4662 3 12.1836 3 11.8889V4.11111C3 3.81643 3.11706 3.53381 3.32544 3.32544C3.53381 3.11706 3.81643 3 4.11111 3H10.2222" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_41_77)">
<path d="M1.16284 8C1.16284 4.77687 1.16284 3.16537 2.16409 2.16406C3.1654 1.16281 4.7769 1.16281 8.00003 1.16281C11.2231 1.16281 12.8347 1.16281 13.8359 2.16406C14.8372 3.16537 14.8372 4.77687 14.8372 8C14.8372 11.2231 14.8372 12.8346 13.8359 13.8359C12.8347 14.8372 11.2231 14.8372 8.00003 14.8372C4.7769 14.8372 3.1654 14.8372 2.16409 13.8359C1.16284 12.8347 1.16284 11.2231 1.16284 8Z"
stroke="currentColor"/>
<path d="M5.60699 8.34187L6.97443 9.7093L10.393 6.29068" stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 561 B

After

Width:  |  Height:  |  Size: 740 B

11
frontend/appflowy_web_app/src/assets/checklist.svg
View File

@ -1,4 +1,9 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.5 8L8.11538 9.5L13.5 4.5" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.5 8C13.5 11.0376 11.0376 13.5 8 13.5C4.96243 13.5 2.5 11.0376 2.5 8C2.5 4.96243 4.96243 2.5 8 2.5C8.81896 2.5 9.59612 2.679 10.2945 3" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M1.48633 11.8316L3.01897 13.3642L6.08424 10.299" stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round"/>
<path d="M1.48633 4.16841L3.01897 5.70105L6.08424 2.63577" stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round"/>
<path d="M9.14948 3.40208H15.28" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.14948 8H15.28" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.14948 12.5979H15.28" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 421 B

After

Width:  |  Height:  |  Size: 707 B

15
frontend/appflowy_web_app/src/assets/created_at.svg
View File

@ -1,12 +1,5 @@
<svg width="35" height="34" viewBox="0 0 35 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.5 21.834C25.5 21.2817 25.9477 20.834 26.5 20.834C27.0523 20.834 27.5 21.2817 27.5 21.834V22.834H28.5C29.0523 22.834 29.5 23.2817 29.5 23.834C29.5 24.3863 29.0523 24.834 28.5 24.834H26.5C25.9477 24.834 25.5 24.3863 25.5 23.834V21.834Z"
fill="currentColor"/>
<path d="M26.5 29.834C29.8137 29.834 32.5 27.1477 32.5 23.834C32.5 20.5203 29.8137 17.834 26.5 17.834C23.1863 17.834 20.5 20.5203 20.5 23.834C20.5 27.1477 23.1863 29.834 26.5 29.834ZM26.5 27.834C24.2909 27.834 22.5 26.0431 22.5 23.834C22.5 21.6248 24.2909 19.834 26.5 19.834C28.7091 19.834 30.5 21.6248 30.5 23.834C30.5 26.0431 28.7091 27.834 26.5 27.834Z"
fill="currentColor"/>
<path d="M25.5 21.834C25.5 21.2817 25.9477 20.834 26.5 20.834C27.0523 20.834 27.5 21.2817 27.5 21.834V22.834H28.5C29.0523 22.834 29.5 23.2817 29.5 23.834C29.5 24.3863 29.0523 24.834 28.5 24.834H26.5C25.9477 24.834 25.5 24.3863 25.5 23.834V21.834Z"
stroke="currentColor" stroke-width="0.342857"/>
<path d="M26.5 29.834C29.8137 29.834 32.5 27.1477 32.5 23.834C32.5 20.5203 29.8137 17.834 26.5 17.834C23.1863 17.834 20.5 20.5203 20.5 23.834C20.5 27.1477 23.1863 29.834 26.5 29.834ZM26.5 27.834C24.2909 27.834 22.5 26.0431 22.5 23.834C22.5 21.6248 24.2909 19.834 26.5 19.834C28.7091 19.834 30.5 21.6248 30.5 23.834C30.5 26.0431 28.7091 27.834 26.5 27.834Z"
stroke="currentColor" stroke-width="0.342857"/>
<path d="M12.734 6.50065V6.60065H12.834H22.1673H22.2673V6.50065C22.2673 5.91155 22.7449 5.43398 23.334 5.43398C23.9231 5.43398 24.4007 5.91155 24.4007 6.50065V6.60065H24.5007H26.834C28.0675 6.60065 29.0673 7.60055 29.0673 8.83398V15.734H8.16732H8.06732V15.834V26.334V26.434H8.16732H18.734V28.5673H8.16732C6.93388 28.5673 5.93398 27.5674 5.93398 26.334V8.83399C5.93398 7.60055 6.93384 6.60065 8.16728 6.60065H10.5007H10.6007V6.50065C10.6007 5.91155 11.0782 5.43398 11.6673 5.43398C12.2564 5.43398 12.734 5.91155 12.734 6.50065ZM26.834 13.6007H26.934V13.5007V8.83398V8.73398H26.834H24.5007H24.4007V8.83398C24.4007 9.42309 23.9231 9.90065 23.334 9.90065C22.7449 9.90065 22.2673 9.42309 22.2673 8.83398V8.73398H22.1673H12.834H12.734V8.83398C12.734 9.42309 12.2564 9.90065 11.6673 9.90065C11.0782 9.90065 10.6007 9.42309 10.6007 8.83398V8.73398H10.5007H8.16732H8.06732V8.83398V13.5007V13.6007H8.16732H26.834Z"
fill="currentColor" stroke="currentColor" stroke-width="0.2"/>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M1.80951 8C1.80951 9.64182 2.46172 11.2164 3.62266 12.3773C4.7836 13.5383 6.35817 14.1905 7.99998 14.1905C9.6418 14.1905 11.2164 13.5383 12.3773 12.3773C13.5383 11.2164 14.1905 9.64182 14.1905 8C14.1905 6.35818 13.5383 4.78361 12.3773 3.62267C11.2164 2.46173 9.6418 1.80952 7.99998 1.80952C6.35817 1.80952 4.7836 2.46173 3.62266 3.62267C2.46172 4.78361 1.80951 6.35818 1.80951 8Z"
stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.00001 4.28571V8H5.21429" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 689 B

18
frontend/appflowy_web_app/src/assets/date.svg
View File

@ -1,6 +1,14 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.8889 3.5H4.11111C3.49746 3.5 3 3.94772 3 4.5V11.5C3 12.0523 3.49746 12.5 4.11111 12.5H11.8889C12.5025 12.5 13 12.0523 13 11.5V4.5C13 3.94772 12.5025 3.5 11.8889 3.5Z" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10 2.5V4.58181" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 2.5V4.58181" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3 6.5H13" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_41_21)">
<path d="M13.8933 4.53334V3.49334C13.8933 2.72752 13.2725 2.10667 12.5067 2.10667H2.8C2.03417 2.10667 1.41333 2.72752 1.41333 3.49334V13.2C1.41333 13.9659 2.03411 14.5867 2.8 14.5867H5.22666"
stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.4266 0.720001V3.49333" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.88 0.720001V3.49333" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.41333 6.26666H4.88" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.4666 11.4667L10.4266 10.6347V9.03999" stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round"/>
<path d="M6.26666 10.4267C6.26666 13.6291 9.73333 15.6305 12.5067 14.0293C13.7938 13.2862 14.5867 11.9129 14.5867 10.4267C14.5867 7.22426 11.12 5.22282 8.34666 6.82399C7.05954 7.56709 6.26666 8.94045 6.26666 10.4267Z"
stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 618 B

After

Width:  |  Height:  |  Size: 1.2 KiB

6
frontend/appflowy_web_app/src/assets/last_modified.svg
View File

@ -1,4 +1,4 @@
<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.734 6.50065V6.60065H12.834H22.1673H22.2673V6.50065C22.2673 5.91155 22.7449 5.43398 23.334 5.43398C23.9231 5.43398 24.4007 5.91155 24.4007 6.50065V6.60065H24.5007H26.834C28.0675 6.60065 29.0673 7.60055 29.0673 8.83398V15.734H8.16732H8.06732V15.834V26.334V26.434H8.16732H19.734V28.5673H8.16732C6.93388 28.5673 5.93398 27.5674 5.93398 26.334V8.83399C5.93398 7.60055 6.93384 6.60065 8.16728 6.60065H10.5007H10.6007V6.50065C10.6007 5.91155 11.0782 5.43398 11.6673 5.43398C12.2564 5.43398 12.734 5.91155 12.734 6.50065ZM26.834 13.6007H26.934V13.5007V8.83398V8.73398H26.834H24.5007H24.4007V8.83398C24.4007 9.42309 23.9231 9.90065 23.334 9.90065C22.7449 9.90065 22.2673 9.42309 22.2673 8.83398V8.73398H22.1673H12.834H12.734V8.83398C12.734 9.42309 12.2564 9.90065 11.6673 9.90065C11.0782 9.90065 10.6007 9.42309 10.6007 8.83398V8.73398H10.5007H8.16732H8.06732V8.83398V13.5007V13.6007H8.16732H26.834ZM27.6602 18.999C27.7937 18.7678 28.0893 18.6886 28.3205 18.8221L29.3308 19.4054C29.562 19.5389 29.6412 19.8345 29.5077 20.0657L25.1827 27.5568L23.3352 26.4901L27.6602 18.999ZM22.7054 27.7046L24.4459 28.7094L22.5708 29.9475L22.7054 27.7046Z"
fill="currentColor" stroke="currentColor" stroke-width="0.2"/>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M8.29141 4.50217V7.66669L10.9209 9.24422C11.3053 9.4751 11.2956 10.0356 10.9035 10.2531C10.7215 10.354 10.4994 10.3502 10.321 10.243L7.40911 8.49586C7.2338 8.39053 7.12659 8.20097 7.12665 7.99646V4.50217C7.1271 4.05385 7.61269 3.77414 8.00073 3.99868C8.18045 4.10269 8.29121 4.29452 8.29141 4.50217ZM14.6976 2.75502C14.376 2.75502 14.1152 3.01576 14.1152 3.33741V4.64777C13.653 4.11197 13.1812 3.59583 12.6505 3.05859C8.84665 -0.745725 2.35092 0.994418 0.958239 6.19085C-0.43445 11.3873 4.32042 16.1427 9.517 14.7506C10.6358 14.4508 11.6626 13.8778 12.5049 13.0828C12.8311 12.7746 12.7013 12.2289 12.2713 12.1006C12.0717 12.041 11.8555 12.0924 11.7042 12.2355C8.44153 15.3102 3.07387 13.7 2.04238 9.33712C1.01089 4.97421 5.0892 1.13078 9.38333 2.41894C10.3051 2.69546 11.144 3.1961 11.825 3.87611C12.4176 4.47596 12.9366 5.05398 13.4601 5.66693H11.7857C11.3374 5.66738 11.0577 6.15298 11.2822 6.54101C11.3862 6.72074 11.5781 6.83149 11.7857 6.8317H14.6976C15.0193 6.83168 15.28 6.57095 15.28 6.24931V3.33741C15.28 3.01576 15.0193 2.75502 14.6976 2.75502Z"
fill="currentColor"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

14
frontend/appflowy_web_app/src/assets/multiselect.svg
View File

@ -1,8 +1,8 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.5 4L12.5 4" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.5 8H12.5" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.5 12H12.5" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="4" cy="4" r="0.5" fill="#333333"/>
<circle cx="4" cy="8" r="0.5" fill="#333333"/>
<circle cx="4" cy="12" r="0.5" fill="#333333"/>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M5.5238 4.28571H13.5714" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.5238 8H13.5714" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.5238 11.7143H13.5714" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.42859 4.28571H2.43401" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.42859 8H2.43401" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.42859 11.7143H2.43401" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 512 B

After

Width:  |  Height:  |  Size: 748 B

11
frontend/appflowy_web_app/src/assets/notes.svg Normal file
View File

@ -0,0 +1,11 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Icons 16 / docs">
<g id="Group 1321314145">
<path id="Vector" d="M9.08889 2V5.81818C9.08889 6.42067 9.5764 6.90909 10.1778 6.90909H12.3556M4.18889 14H11.8111C12.4125 14 12.9 13.5116 12.9 12.9091V7.09091C12.9 6.61883 12.7472 6.15948 12.4644 5.78182L10.2867 2.87273C9.87538 2.32333 9.22991 2 8.54444 2H4.18889C3.58751 2 3.1 2.48842 3.1 3.09091V12.9091C3.1 13.5116 3.58751 14 4.18889 14Z" stroke="#747B84" stroke-width="1.09091"/>
<g id="Vector_2">
<path d="M5.27777 10.7273C4.97708 10.7273 4.73332 10.9715 4.73332 11.2727C4.73332 11.574 4.97708 11.8182 5.27777 11.8182H7.45554C7.75623 11.8182 7.99999 11.574 7.99999 11.2727C7.99999 10.9715 7.75623 10.7273 7.45554 10.7273H5.27777Z" fill="#747B84"/>
<path d="M4.73332 9.09091C4.73332 8.78966 4.97708 8.54546 5.27777 8.54546H9.63332C9.93401 8.54546 10.1778 8.78966 10.1778 9.09091C10.1778 9.39216 9.93401 9.63637 9.63332 9.63637H5.27777C4.97708 9.63637 4.73332 9.39216 4.73332 9.09091Z" fill="#747B84"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

7
frontend/appflowy_web_app/src/assets/number.svg
View File

@ -1,3 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.201 6.4H3.001V12H2.081V7.384L0.953 7.704L0.729 6.92L2.201 6.4ZM3.91156 12V11.1L6.35156 8.61C6.9449 8.01667 7.24156 7.50333 7.24156 7.07C7.24156 6.73 7.13823 6.46667 6.93156 6.28C6.73156 6.08667 6.4749 5.99 6.16156 5.99C5.5749 5.99 5.14156 6.28 4.86156 6.86L3.89156 6.29C4.11156 5.82333 4.42156 5.47 4.82156 5.23C5.22156 4.99 5.6649 4.87 6.15156 4.87C6.7649 4.87 7.29156 5.06333 7.73156 5.45C8.17156 5.83667 8.39156 6.36333 8.39156 7.03C8.39156 7.74333 7.9949 8.50333 7.20156 9.31L5.62156 10.89H8.52156V12H3.91156ZM12.9025 7.032C13.5105 7.176 14.0025 7.46 14.3785 7.884C14.7625 8.3 14.9545 8.824 14.9545 9.456C14.9545 10.296 14.6705 10.956 14.1025 11.436C13.5345 11.916 12.8385 12.156 12.0145 12.156C11.3745 12.156 10.7985 12.008 10.2865 11.712C9.78253 11.416 9.41853 10.984 9.19453 10.416L10.3705 9.732C10.6185 10.452 11.1665 10.812 12.0145 10.812C12.4945 10.812 12.8745 10.692 13.1545 10.452C13.4345 10.204 13.5745 9.872 13.5745 9.456C13.5745 9.04 13.4345 8.712 13.1545 8.472C12.8745 8.232 12.4945 8.112 12.0145 8.112H11.7025L11.1505 7.284L12.9625 4.896H9.44653V3.6H14.6065V4.776L12.9025 7.032Z" fill="#333333"/>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M2.17603 5.81601H13.824" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.17603 10.184H13.824" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.54401 1.448L5.08801 14.552" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.912 1.448L9.45599 14.552" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 548 B

13
frontend/appflowy_web_app/src/assets/relation.svg
View File

@ -1,8 +1,7 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11.8274" cy="5.82739" r="1.5" stroke="#333333"/>
<path d="M10.5008 5.38471L6.24097 4.78992" stroke="#333333"/>
<path d="M4.86475 6.24121L6.02777 10.1009" stroke="#333333"/>
<circle cx="7" cy="11" r="1.5" stroke="#333333"/>
<circle cx="5" cy="5" r="1.5" stroke="#333333"/>
<path d="M10.9011 7.14258L8.1484 10.0447" stroke="#333333"/>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_41_45)">
<path d="M1.41809 8.65811L8.6581 1.4181M8.6581 1.4181V6.02573M8.6581 1.4181H4.05047M14.5819 7.34189L7.34188 14.5819M7.34188 14.5819H11.9495M7.34188 14.5819V9.97427"
stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 448 B

After

Width:  |  Height:  |  Size: 412 B

8
frontend/appflowy_web_app/src/assets/single_select.svg
View File

@ -1,4 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.78787 8.78787L6.51213 7.51213C6.32314 7.32314 6.45699 7 6.72426 7H9.27574C9.54301 7 9.67686 7.32314 9.48787 7.51213L8.21213 8.78787C8.09497 8.90503 7.90503 8.90503 7.78787 8.78787Z" fill="#333333"/>
<path d="M8 13C10.7614 13 13 10.7614 13 8C13 5.23858 10.7614 3 8 3C5.23858 3 3 5.23858 3 8C3 10.7614 5.23858 13 8 13Z" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M1.80951 7.99998C1.80951 9.6418 2.46172 11.2164 3.62266 12.3773C4.7836 13.5383 6.35817 14.1905 7.99998 14.1905C9.6418 14.1905 11.2164 13.5383 12.3773 12.3773C13.5383 11.2164 14.1905 9.6418 14.1905 7.99998C14.1905 6.35817 13.5383 4.7836 12.3773 3.62266C11.2164 2.46172 9.6418 1.80951 7.99998 1.80951C6.35817 1.80951 4.7836 2.46172 3.62266 3.62266C2.46172 4.7836 1.80951 6.35817 1.80951 7.99998Z"
stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.4762 6.7619L7.99999 9.23809L5.5238 6.7619" stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 499 B

After

Width:  |  Height:  |  Size: 733 B

6
frontend/appflowy_web_app/src/assets/text.svg
View File

@ -1,4 +1,4 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.15625 11.8359L6.43768 9.85414H2.46662L1.74805 11.8359H0.5L3.7903 3H5.11399L8.4043 11.8359H7.15625ZM2.87003 8.75596H6.03427L4.44584 4.40112L2.87003 8.75596Z" fill="#333333"/>
<path d="M14.4032 5.52454H15.5V11.8359H14.4032V10.7504C13.8569 11.5835 13.0627 12 12.0206 12C11.1381 12 10.386 11.6802 9.76403 11.0407C9.14211 10.3927 8.83114 9.60589 8.83114 8.68022C8.83114 7.75456 9.14211 6.97195 9.76403 6.3324C10.386 5.68443 11.1381 5.36045 12.0206 5.36045C13.0627 5.36045 13.8569 5.777 14.4032 6.6101V5.52454ZM12.1593 10.9397C12.798 10.9397 13.3317 10.7251 13.7603 10.2959C14.1889 9.85835 14.4032 9.31978 14.4032 8.68022C14.4032 8.04067 14.1889 7.50631 13.7603 7.07714C13.3317 6.63955 12.798 6.42076 12.1593 6.42076C11.5289 6.42076 10.9995 6.63955 10.5708 7.07714C10.1422 7.50631 9.92791 8.04067 9.92791 8.68022C9.92791 9.31978 10.1422 9.85835 10.5708 10.2959C10.9995 10.7251 11.5289 10.9397 12.1593 10.9397Z" fill="#333333"/>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M0.649992 3.3085C0.649992 3.0494 0.860038 2.83936 1.11914 2.83936H14.8808C15.242 2.83936 15.4677 3.23031 15.2871 3.54308C15.2033 3.68823 15.0485 3.77765 14.8808 3.77765H1.11914C0.860038 3.77765 0.649992 3.56761 0.649992 3.3085ZM1.11914 6.90531H11.1276C11.4888 6.90531 11.7145 6.51436 11.5339 6.20159C11.4501 6.05643 11.2953 5.96701 11.1276 5.96701H1.11914C0.757992 5.96701 0.532271 6.35797 0.712845 6.67074C0.796652 6.8159 0.951527 6.90531 1.11914 6.90531ZM14.8808 9.09468H1.11914C0.757992 9.09468 0.532271 9.48563 0.712845 9.7984C0.796652 9.94356 0.951527 10.033 1.11914 10.033H14.8808C15.242 10.033 15.4677 9.64201 15.2871 9.32925C15.2033 9.18409 15.0485 9.09468 14.8808 9.09468ZM11.1276 12.2223H1.11914C0.757992 12.2223 0.532271 12.6133 0.712845 12.9261C0.796652 13.0712 0.951527 13.1606 1.11914 13.1606H11.1276C11.4888 13.1606 11.7145 12.7697 11.5339 12.4569C11.4501 12.3118 11.2953 12.2223 11.1276 12.2223Z"
fill="currentColor"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

7
frontend/appflowy_web_app/src/assets/url.svg
View File

@ -1,3 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13 7.688L8.27223 12.1469C7.69304 12.6931 6.90749 13 6.0884 13C5.26931 13 4.48376 12.6931 3.90457 12.1469C3.32538 11.6006 3 10.8598 3 10.0873C3 9.31474 3.32538 8.57387 3.90457 8.02763L8.63234 3.56875C9.01847 3.20459 9.54216 3 10.0882 3C10.6343 3 11.158 3.20459 11.5441 3.56875C11.9302 3.93291 12.1472 4.42683 12.1472 4.94183C12.1472 5.45684 11.9302 5.95075 11.5441 6.31491L6.8112 10.7738C6.61814 10.9559 6.35629 11.0582 6.08326 11.0582C5.81022 11.0582 5.54838 10.9559 5.35531 10.7738C5.16225 10.5917 5.05379 10.3448 5.05379 10.0873C5.05379 9.82975 5.16225 9.58279 5.35531 9.40071L9.72297 5.28632" stroke="#333333" stroke-width="0.9989" stroke-linecap="round" stroke-linejoin="round"/>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M6.7619 8.61904C7.02775 8.97445 7.36693 9.26853 7.75643 9.48134C8.14593 9.69414 8.57664 9.82068 9.01935 9.85239C9.46206 9.8841 9.90641 9.82022 10.3223 9.6651C10.7381 9.50997 11.1157 9.26723 11.4295 8.95333L13.2867 7.09618C13.8505 6.51241 14.1625 5.73055 14.1554 4.91899C14.1484 4.10743 13.8228 3.3311 13.249 2.75722C12.6751 2.18334 11.8988 1.85782 11.0872 1.85076C10.2756 1.84371 9.49377 2.15569 8.91 2.71952L7.84524 3.77809"
stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.23811 7.38095C8.97226 7.02554 8.63308 6.73146 8.24358 6.51866C7.85408 6.30585 7.42337 6.17931 6.98066 6.1476C6.53796 6.1159 6.09361 6.17977 5.67776 6.3349C5.26191 6.49002 4.88428 6.73277 4.5705 7.04667L2.71335 8.90381C2.14953 9.48758 1.83755 10.2694 1.8446 11.081C1.85165 11.8926 2.17717 12.6689 2.75106 13.2428C3.32494 13.8167 4.10126 14.1422 4.91282 14.1492C5.72439 14.1563 6.50625 13.8443 7.09002 13.2805L8.14859 12.2219"
stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 797 B

After

Width:  |  Height:  |  Size: 1.1 KiB

12
frontend/appflowy_web_app/src/components/database/components/cell/primary/PrimaryCell.tsx
View File

@ -3,10 +3,14 @@ import { TextCell as CellType, CellProps } from '@/application/database-yjs/cell
import { TextCell } from '@/components/database/components/cell/text';
// import { getPlatform } from '@/utils/platform';
import React, { useEffect, useState } from 'react';
import { ReactComponent as DocumentSvg } from '@/assets/notes.svg';
export function PrimaryCell(props: CellProps<CellType>) {
const { rowId } = props;
export function PrimaryCell (props: CellProps<CellType> & {
showDocumentIcon?: boolean;
}) {
const { rowId, showDocumentIcon } = props;
const meta = useRowMetaSelector(rowId);
const hasDocument = meta?.isEmptyDocument === false;
const icon = meta?.icon;
const [, setHover] = useState(false);
@ -55,7 +59,9 @@ export function PrimaryCell(props: CellProps<CellType>) {
// }}
className={'primary-cell relative flex min-h-full w-full items-center gap-2'}
>
{icon && <div className={'h-4 w-4'}>{icon}</div>}
{icon ? <div className={'h-5 w-5 flex items-center justify-center text-base'}
>{icon}</div> : hasDocument && showDocumentIcon ? <DocumentSvg className={'h-5 w-5'}
/> : null}
<div className={'flex-1 overflow-x-hidden'}>
<TextCell {...props} />
</div>

11
frontend/appflowy_web_app/src/components/database/components/field/CardField.tsx
View File

@ -1,6 +1,8 @@
import { YjsDatabaseKey } from '@/application/collab.type';
import { FieldType, useCellSelector, useFieldSelector } from '@/application/database-yjs';
import { TextCell } from '@/application/database-yjs/cell.type';
import Cell from '@/components/database/components/cell/Cell';
import { PrimaryCell } from '@/components/database/components/cell/primary';
import React, { CSSProperties, useMemo } from 'react';
import { useTranslation } from 'react-i18next';
@ -44,12 +46,19 @@ export function CardField({ rowId, fieldId }: { rowId: string; fieldId: string;
return styleProperties;
}, [isPrimary, type]);
if (isPrimary && !cell?.data) {
if (isPrimary) {
if (!cell?.data) {
return (
<div className={'text-text-caption'} style={style}>
{t('grid.row.titlePlaceholder')}
</div>
);
} else {
return <PrimaryCell showDocumentIcon readOnly cell={cell as TextCell} rowId={rowId} fieldId={fieldId}
style={style}
/>;
}
}
if (Number(type) === FieldType.Checkbox) {

4
frontend/appflowy_web_app/src/components/database/components/grid/grid-column/GridColumn.tsx
View File

@ -29,8 +29,8 @@ export function GridColumn({ column, index }: { column: Column; index: number })
'flex h-full w-full items-center gap-1 overflow-hidden whitespace-nowrap border-t border-b border-l border-line-divider px-2 text-sm font-medium hover:bg-fill-list-active'
}
>
<div className={'w-5'}>
<FieldTypeIcon type={type} className={'mr-1 h-5 w-5'} />
<div>
<FieldTypeIcon type={type} className={'mr-1 w-4 h-4 icon'} />
</div>
<div className={'flex-1'}>{name}</div>
{isAIField && <AIIndicatorSvg className={'text-xl'} />}

10
frontend/appflowy_web_app/vite.config.ts
View File

@ -29,6 +29,15 @@ export default defineConfig({
},
},
},
{
name: 'prefixIds',
params: {
prefix: (node, { path }) => {
const fileName = path?.split('/').pop()?.split('.')[0];
return `${fileName}-`;
},
},
},
],
},
svgProps: {
@ -36,6 +45,7 @@ export default defineConfig({
},
replaceAttrValues: {
'#333': 'currentColor',
'black': 'currentColor',
},
},
}),