ddns-go icon indicating copy to clipboard operation
ddns-go copied to clipboard

Published 20 hours ago • verified publisher icon jeessy2

更好的UI設計

Open YueMiyuki opened this issue 2 years ago • 12 comments

如題 image

YueMiyuki avatar Aug 29 '22 03:08 YueMiyuki

thanks. 提一些建议：

  1. ipv4/ipv6中的内容没对称
  2. 日志信息应该比较醒目的出现在首屏
  3. 其它建议欢迎补充

jeessy2 avatar Aug 29 '22 04:08 jeessy2

  • 對齊 IPv4 / IPv6 内容

YueMiyuki avatar Aug 29 '22 04:08 YueMiyuki

添加日志Box image

YueMiyuki avatar Aug 29 '22 05:08 YueMiyuki

1 此页面看上去有点乱，有些label放在input上面，有些label与input放在同一行

2 Box占整屏有点宽了，输入框也很长

考虑下把以前布局改成暗色模式，或者优化现在这个布局, 尽量简单紧凑

jeessy2 avatar Aug 29 '22 07:08 jeessy2

固定了box的寬度

Webhook部分的box是跟上方對齊的, 如果縮窄輸入框的話會看起來有點奇怪, 這樣的話是想縮窄webhook box然後把logs放在旁邊嗎?

YueMiyuki avatar Aug 30 '22 02:08 YueMiyuki

对。日志放在最下面，保存后，要滚动很久才能看到日志，这样不方便。日志应该在第一屏显示出来

jeessy2 avatar Aug 30 '22 04:08 jeessy2

如果是這樣的話 用這個彈出式設計會不會更好呢? https://www.w3schools.com/howto/howto_css_modals.asp

YueMiyuki avatar Aug 30 '22 06:08 YueMiyuki

需要点击一下才显示吗？这样也不明显 这个日志随时有可能会新增

jeessy2 avatar Aug 30 '22 07:08 jeessy2

好的 目前手頭上有別的事 明天應該能做出來

YueMiyuki avatar Sep 03 '22 05:09 YueMiyuki

這邊稍微改了一下 改到一半的時候突然拍腦袋想起來一件事 請問你在移動端小屏幕上想要看到什麽效果呢? 如果是這樣點擊一下再顯示是不是才是正解呢? 還是想要做在桌面端是左右顯示移動端是點擊現實呢? @jeessy2

YueMiyuki avatar Sep 04 '22 13:09 YueMiyuki

這邊稍微改了一下

改到一半的時候突然拍腦袋想起來一件事

請問你在移動端小屏幕上想要看到什麽效果呢?

如果是這樣點擊一下再顯示是不是才是正解呢?

還是想要做在桌面端是左右顯示移動端是點擊現實呢?

移动端怎么简单怎么来，使用bootstrap的grid也可以了

jeessy2 avatar Sep 04 '22 13:09 jeessy2

能在以前布局的基础上增加暗黑模式吗？这样看也到不怎么好看

jeessy2 avatar Sep 14 '22 13:09 jeessy2

好的

YueMiyuki avatar Sep 20 '22 06:09 YueMiyuki

Closed for resolving conflicts in new PR

YueMiyuki avatar Dec 21 '22 11:12 YueMiyuki