Project, Search, User redesign (#1281)

* New project page

* fix silly icon tailwind classes

* Start new versions page, add new ButtonStyled component

* Pagination and finish mocking up versions page functionality

* green download button

* hover animation

* New Modal, Avatar refactor, subpages in NavTabs

* lint

* Download modal

* New user page + fix lint

* fix ui lint

* Download animation fix

* Versions filter + finish project page

* Improve consistency of buttons on home page

* Fix ButtonStyled breaking

* Fix margin on version summary

* finish search, new modals, user + project page mobile

* fix gallery image pages

* New project header

* Fix gallery tab showing improperly

* Use auto direction + position for all popouts

* Preliminary user page

* test to see if this fixes login stuff

* remove extra slash

* Add version actions, move download button on versions page

* Listed -> public

* Shorten download modal selector height

* Fix user menu open direction

* Change breakpoint for header collapse

* Only underline title

* Tighten padding on stats a little

* New nav

* Make mobile breakpoint more consistent

* fix header breakpoint regression

* Add sign in button

* Fix edit icon color

* Fix margin at top of screen

* Fix user bios and ad width

* Fix user nav showing when there's only one type of project

* Fix plural projects on user page & extract i18n

* Remove ads on mobile for now

* Fix overflow menu showing hidden items

* NavTabs on mobile

* Fix navbar z index

* Search filter overhaul + negative filters

* fix no-max-height

* port version filters, fix following/collections, lint

* hide promos

* ui lint

* Disable modal background animation to reduce reported motion sickness

* Hide install with modrinth app button on mobile

---------

Signed-off-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
Co-authored-by: Prospector <prospectordev@gmail.com>
This commit is contained in:
Geometrically
2024-08-20 23:03:16 -07:00
committed by GitHub
parent a19ce0458a
commit 2d416d491c
101 changed files with 5361 additions and 4488 deletions
@@ -0,0 +1,12 @@
<svg width="59" height="59" viewBox="0 0 59 59" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3318_3530)">
<rect x="19.5" y="1" width="20" height="57" rx="5" fill="#451C60" stroke="#C78AFF" stroke-width="2"/>
<rect x="1" y="39" width="20" height="57" rx="5" transform="rotate(-90 1 39)" fill="#451C60" stroke="#C78AFF" stroke-width="2"/>
<path d="M17.0133 33V25.7273H20.0176C20.5621 25.7273 21.032 25.8338 21.4274 26.0469C21.8251 26.2576 22.1317 26.5523 22.3471 26.9311C22.5626 27.3075 22.6703 27.7455 22.6703 28.245C22.6703 28.7469 22.5602 29.1861 22.34 29.5625C22.1222 29.9366 21.8109 30.2266 21.4061 30.4325C21.0012 30.6385 20.5207 30.7415 19.9643 30.7415H18.1106V29.3565H19.6376C19.9028 29.3565 20.1241 29.3104 20.3017 29.218C20.4816 29.1257 20.6177 28.9967 20.71 28.831C20.8024 28.6629 20.8485 28.4676 20.8485 28.245C20.8485 28.0201 20.8024 27.826 20.71 27.6626C20.6177 27.4969 20.4816 27.3691 20.3017 27.2791C20.1217 27.1892 19.9004 27.1442 19.6376 27.1442H18.7711V33H17.0133ZM23.5368 33V25.7273H25.2946V31.5724H28.3201V33H23.5368ZM33.63 25.7273H35.3842V30.4183C35.3842 30.9605 35.2552 31.4328 34.9972 31.8352C34.7391 32.2353 34.3793 32.5455 33.9176 32.7656C33.456 32.9834 32.9197 33.0923 32.3089 33.0923C31.6911 33.0923 31.1513 32.9834 30.6896 32.7656C30.228 32.5455 29.8693 32.2353 29.6136 31.8352C29.358 31.4328 29.2301 30.9605 29.2301 30.4183V25.7273H30.9879V30.2656C30.9879 30.5166 31.0424 30.7403 31.1513 30.9368C31.2625 31.1333 31.4176 31.2872 31.6165 31.3984C31.8153 31.5097 32.0462 31.5653 32.3089 31.5653C32.5717 31.5653 32.8014 31.5097 32.9979 31.3984C33.1967 31.2872 33.3518 31.1333 33.4631 30.9368C33.5743 30.7403 33.63 30.5166 33.63 30.2656V25.7273ZM40.4171 27.9077C40.3934 27.6473 40.2881 27.4448 40.101 27.3004C39.9164 27.1536 39.6524 27.0803 39.3091 27.0803C39.0819 27.0803 38.8925 27.1098 38.7409 27.169C38.5894 27.2282 38.4758 27.3099 38.4 27.4141C38.3243 27.5159 38.2852 27.633 38.2828 27.7656C38.2781 27.8745 38.2994 27.9704 38.3468 28.0533C38.3965 28.1361 38.4675 28.2095 38.5598 28.2734C38.6545 28.335 38.7682 28.3894 38.9007 28.4368C39.0333 28.4841 39.1825 28.5256 39.3482 28.5611L39.9732 28.7031C40.333 28.7812 40.6503 28.8854 40.9249 29.0156C41.2019 29.1458 41.4339 29.3009 41.6209 29.4808C41.8103 29.6607 41.9535 29.8679 42.0506 30.1023C42.1477 30.3366 42.1974 30.5994 42.1998 30.8906C42.1974 31.3499 42.0814 31.7441 41.8517 32.0732C41.6221 32.4022 41.2918 32.6544 40.861 32.8295C40.4325 33.0047 39.9152 33.0923 39.3091 33.0923C38.7007 33.0923 38.1704 33.0012 37.7182 32.8189C37.266 32.6366 36.9145 32.3596 36.6635 31.9879C36.4126 31.6162 36.2836 31.1463 36.2765 30.5781H37.9597C37.9739 30.8125 38.0366 31.0078 38.1479 31.1641C38.2592 31.3203 38.4119 31.4387 38.606 31.5192C38.8025 31.5997 39.0298 31.6399 39.2878 31.6399C39.5246 31.6399 39.7258 31.608 39.8915 31.544C40.0596 31.4801 40.1886 31.3913 40.2786 31.2777C40.3685 31.1641 40.4147 31.0339 40.4171 30.8871C40.4147 30.7498 40.3721 30.6326 40.2892 30.5355C40.2064 30.4361 40.0785 30.3509 39.9057 30.2798C39.7353 30.2064 39.5175 30.139 39.2523 30.0774L38.4924 29.8999C37.8626 29.7554 37.3667 29.5223 37.0044 29.2003C36.6422 28.8759 36.4623 28.438 36.4647 27.8864C36.4623 27.4366 36.583 27.0424 36.8269 26.7038C37.0707 26.3653 37.4081 26.1013 37.839 25.9119C38.2698 25.7225 38.7611 25.6278 39.3127 25.6278C39.8761 25.6278 40.365 25.7237 40.7793 25.9155C41.196 26.1049 41.5191 26.3712 41.7488 26.7145C41.9784 27.0578 42.0956 27.4555 42.1003 27.9077H40.4171Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_3318_3530">
<rect width="59" height="59" rx="9" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB