lobe-chat icon indicating copy to clipboard operation
lobe-chat copied to clipboard

💄 style(ui): Modify and repair UI layout

Open RubuJam opened this issue 1 year ago • 15 comments

💻 变更类型 | Change Type

  • [ ] ✨ feat
  • [ ] 🐛 fix
  • [ ] ♻️ refactor
  • [x] 💄 style
  • [ ] 👷 build
  • [ ] ⚡️ perf
  • [ ] 📝 docs
  • [ ] 🔨 chore

🔀 变更说明 | Description of Change

  • 调整404页面文本布局
  • 调整加载页面文本布局
  • 调整助手介绍文本行间距
  • 调整上传图片上传文件上传文件夹图标大小
  • 调整移动端,删除图片删除文件的图标大小
  • 调整文本等待中的字间距
  • 调整知识库部分文本
  • 更新部分依赖

  • Adjust text layout of loading page.
  • Adjust text layout for 404 page.
  • Adjust line spacing of assistant introduction text.
  • Adjust size of icons for Upload Image, Upload File and Upload Folder.
  • Adjust the icon size of Delete File and Delete Picture
  • Adjust the word spacing of the text Loading
  • Adjust some texts in the knowledge base
  • Update some dependencies

📝 补充信息 | Additional Information

Before After
BF1 AF1

Before After
BF2 AF2

Before After
BF3 AF3

Before After
BF4 AF4

Before After
BF5-1 AF5-1
BF5-2 AF5-2

RubuJam avatar Sep 04 '24 05:09 RubuJam

@RubuJam is attempting to deploy a commit to the LobeHub Pro Team on Vercel.

A member of the Team first needs to authorize it.

vercel[bot] avatar Sep 04 '24 05:09 vercel[bot]

👍 @RubuJam

Thank you for raising your pull request and contributing to our Community Please make sure you have followed our contributing guidelines. We will review it as soon as possible. If you encounter any problems, please feel free to connect with us.
非常感谢您提出拉取请求并为我们的社区做出贡献,请确保您已经遵循了我们的贡献指南,我们会尽快审查它。 如果您遇到任何问题,请随时与我们联系。

lobehubbot avatar Sep 04 '24 05:09 lobehubbot

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 91.85%. Comparing base (82e2570) to head (25a37ab). Report is 7 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff            @@
##             main    #3762    +/-   ##
========================================
  Coverage   91.85%   91.85%            
========================================
  Files         459      459            
  Lines       30746    30746            
  Branches     2121     2963   +842     
========================================
  Hits        28241    28241            
  Misses       2505     2505            
Flag Coverage Δ
app 91.85% <ø> (ø)
server 97.36% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

codecov[bot] avatar Sep 04 '24 05:09 codecov[bot]

image

这个是啥情况?

arvinxx avatar Sep 10 '24 16:09 arvinxx

所有有样式变更的地方都贴下图?

调整等待中的文本字间距,这个我不知道怎么截图 另外一个更改,就只是换了一下文本

其余更改均已贴图

RubuJam avatar Sep 10 '24 16:09 RubuJam

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿


Post the following pictures wherever there are style changes?

Adjust the word spacing of the text of "Waiting". I don't know how to take a screenshot of this. Another change is just changing the text

lobehubbot avatar Sep 10 '24 16:09 lobehubbot

调整等待中的文本字间距,这个我不知道怎么截图

这个是哪里的等待中的文本

arvinxx avatar Sep 10 '24 16:09 arvinxx

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿


Adjust the word spacing of the waiting text. I don’t know how to take a screenshot of this.

Where is this waiting text?

lobehubbot avatar Sep 10 '24 16:09 lobehubbot

image

这个是啥情况?

这个是图片的删除按钮,红色的部分是图片,而不是按钮

RubuJam avatar Sep 10 '24 16:09 RubuJam

其他应该没啥问题了,你把 ... 加上吧。可以先去掉cn 里的那一条,然后跑一次 i18n ,脚本会自动移除cn里没有的 key。 然后再把这一条加回去

arvinxx avatar Sep 10 '24 16:09 arvinxx

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿


There should be no problem with the rest. Just add.... You can first remove the entry in cn and then run i18n. The script will automatically remove the key that is not in cn. Then add this one back

lobehubbot avatar Sep 10 '24 16:09 lobehubbot

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿


Adjust the word spacing of the waiting text. I don’t know how to take a screenshot of this.

Where is this waiting text?

Here, the main modifications are made for Japanese and Korean languages. image

lobehubbot avatar Sep 10 '24 16:09 lobehubbot

其他应该没啥问题了,你把 ... 加上吧。可以先去掉cn 里的那一条,然后跑一次 i18n ,脚本会自动移除cn里没有的 key。 然后再把这一条加回去

那我明天去改一下

RubuJam avatar Sep 10 '24 16:09 RubuJam

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿


Everything else should be fine. Just add .... You can first remove the entry in cn, and then run i18n. The script will automatically remove the key that is not in cn. Then add this one back

Then I'll change it tomorrow

lobehubbot avatar Sep 10 '24 16:09 lobehubbot

修改完毕 @arvinxx

Modification completed @arvinxx

RubuJam avatar Sep 11 '24 05:09 RubuJam

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
lobe-chat-preview ✅ Ready (Inspect) Visit Preview 💬 Add feedback Sep 11, 2024 7:26am

vercel[bot] avatar Sep 11 '24 07:09 vercel[bot]

❤️ Great PR @RubuJam ❤️

The growth of project is inseparable from user feedback and contribution, thanks for your contribution! If you are interesting with the lobehub developer community, please join our discord and then dm @arvinxx or @canisminor1990. They will invite you to our private developer channel. We are talking about the lobe-chat development or sharing ai newsletter around the world.
项目的成长离不开用户反馈和贡献,感谢您的贡献! 如果您对 LobeHub 开发者社区感兴趣,请加入我们的 discord,然后私信 @arvinxx 或 @canisminor1990。他们会邀请您加入我们的私密开发者频道。我们将会讨论关于 Lobe Chat 的开发,分享和讨论全球范围内的 AI 消息。

lobehubbot avatar Sep 11 '24 07:09 lobehubbot

:tada: This PR is included in version 1.16.4 :tada:

The release is available on:

Your semantic-release bot :package::rocket:

lobehubbot avatar Sep 11 '24 07:09 lobehubbot