1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2025-08-05 09:55:20 +02:00

feat(ui): redesign migration selection screen (#6795)

Ref https://codeberg.org/forgejo/design/issues/9.

Changes:
* Updated SVGs which had inconsistent paddings making them look off
* Better usability on mobile
* Better space efficiency on desktop, up to 4 columns
* Nice responsive design
* Less bland look on desktop. The borders were already here but invisible in Forgejo dark theme

Preview:
* https://codeberg.org/attachments/3c9e10ae-3315-46e5-b8bb-8021f6fd8936
* https://codeberg.org/attachments/8196ad89-5ab6-443a-98ce-a70dcc75bca9
* https://codeberg.org/attachments/24f52a14-2ac4-4949-8108-55c34bd3c650

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/6795
Reviewed-by: Beowulf <beowulf@beocode.eu>
Reviewed-by: Otto <otto@codeberg.org>
This commit is contained in:
0ko 2025-04-19 13:51:35 +00:00
parent 78e56ee2f7
commit a0c9e81611
17 changed files with 149 additions and 94 deletions

View file

@ -1 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="64px" height="64px"><path d="M42.2,22.1L25.9,5.8C25.4,5.3,24.7,5,24,5c0,0,0,0,0,0c-0.7,0-1.4,0.3-1.9,0.8l-3.5,3.5l4.1,4.1c0.4-0.2,0.8-0.3,1.3-0.3c1.7,0,3,1.3,3,3c0,0.5-0.1,0.9-0.3,1.3l4,4c0.4-0.2,0.8-0.3,1.3-0.3c1.7,0,3,1.3,3,3s-1.3,3-3,3c-1.7,0-3-1.3-3-3c0-0.5,0.1-0.9,0.3-1.3l-4-4c-0.1,0-0.2,0.1-0.3,0.1v10.4c1.2,0.4,2,1.5,2,2.8c0,1.7-1.3,3-3,3s-3-1.3-3-3c0-1.3,0.8-2.4,2-2.8V18.8c-1.2-0.4-2-1.5-2-2.8c0-0.5,0.1-0.9,0.3-1.3l-4.1-4.1L5.8,22.1C5.3,22.6,5,23.3,5,24c0,0.7,0.3,1.4,0.8,1.9l16.3,16.3c0,0,0,0,0,0c0.5,0.5,1.2,0.8,1.9,0.8s1.4-0.3,1.9-0.8l16.3-16.3c0.5-0.5,0.8-1.2,0.8-1.9C43,23.3,42.7,22.6,42.2,22.1z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="50.667px" height="50.667px">
<path d="M 46.989474,21.6 26.399999,1.0105263 C 25.768421,0.3789474 24.884211,0 24,0 c 0,0 0,0 0,0 -0.884211,0 -1.768421,0.3789474 -2.400001,1.0105263 l -4.421052,4.4210527 5.178947,5.178947 C 22.863158,10.357895 23.368422,10.231579 24,10.231579 c 2.147368,0 3.789474,1.642105 3.789474,3.789474 0,0.631579 -0.126316,1.136842 -0.378947,1.642105 l 5.052631,5.052632 c 0.505264,-0.252632 1.010526,-0.378948 1.642106,-0.378948 2.147368,0 3.789473,1.642105 3.789473,3.789474 0,2.147368 -1.642105,3.789474 -3.789473,3.789474 -2.14737,0 -3.789474,-1.642106 -3.789474,-3.789474 0,-0.631579 0.126316,-1.136842 0.378947,-1.642105 l -5.052631,-5.052632 c -0.126316,0 -0.252633,0.126316 -0.378947,0.126316 v 13.136842 c 1.515788,0.505263 2.526315,1.894737 2.526315,3.536842 0,2.147368 -1.642106,3.789474 -3.789474,3.789474 -2.147368,0 -3.789474,-1.642106 -3.789474,-3.789474 0,-1.642105 1.010527,-3.031579 2.526316,-3.536842 V 17.431579 c -1.515789,-0.505263 -2.526316,-1.894737 -2.526316,-3.536842 0,-0.631579 0.126316,-1.136842 0.378947,-1.642105 L 15.410526,7.073684 1.0105264,21.6 C 0.3789474,22.231579 0,23.11579 0,24 c 0,0.884211 0.3789474,1.768421 1.0105264,2.4 L 21.599999,46.989474 c 0,0 0,0 0,0 C 22.231579,47.621053 23.115789,48 24,48 c 0.884211,0 1.768421,-0.378947 2.399999,-1.010526 L 46.989474,26.4 C 47.621053,25.768421 48,24.884211 48,24 48,23.11579 47.621053,22.231579 46.989474,21.6 Z" />
</svg>

Before

Width:  |  Height:  |  Size: 687 B

After

Width:  |  Height:  |  Size: 1.5 KiB

Before After
Before After