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:
parent
78e56ee2f7
commit
a0c9e81611
17 changed files with 149 additions and 94 deletions
|
@ -212,7 +212,6 @@
|
|||
--color-orange-badge: #ea580c;
|
||||
--color-orange-badge-bg: #ea580c22;
|
||||
--color-orange-badge-hover-bg: #ea580c44;
|
||||
--color-git: #f05133;
|
||||
/* Icon colors (PR/Issue/...) */
|
||||
--color-icon-green: var(--color-green-light);
|
||||
--color-icon-red: var(--color-red-light);
|
||||
|
@ -244,6 +243,8 @@
|
|||
--color-active: #d4d4d8aa;
|
||||
--color-menu: var(--zinc-100);
|
||||
--color-card: var(--zinc-50);
|
||||
--fancy-card-bg: var(--zinc-100);
|
||||
--fancy-card-border: var(--zinc-200);
|
||||
--color-markup-table-row: #ffffff06;
|
||||
--color-markup-code-block: var(--zinc-150);
|
||||
--color-markup-code-inline: var(--zinc-200);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue