eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Bundle of small fixes (#355)

Browse Source 
* Bundle of small fixes

![bundle of small fixes](https://i.imgur.com/IkPE3uP.png)

- List items in project body may overflow
- Reduce margin between pagination buttons for better mobile support
- Prevent titles from overflowing in search for better mobile support
- Don't show ThisOrThats with only one item
- Fix style inconsistencies on homepage
- Add more links to homepage to docs, GH, and discord, so they can't be missed

* Appease lint

* Dryer lint isn't even the worst type of lint. It's this.
This commit is contained in:
Emma
2022-02-19 15:09:58 -05:00
committed by GitHub
parent a0fcf515cd
commit 0146a077e8
5 changed files with 48 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
assets/styles/components.scss
View File

@@ -95,6 +95,7 @@
margin-bottom: 16px; margin-bottom: 16px;
} }
li,
p { p {
padding: 0; padding: 0;
line-height: 1.5; line-height: 1.5;

2
components/ui/Pagination.vue
View File

@@ -134,7 +134,7 @@ button,
margin: 0.5rem 0; margin: 0.5rem 0;
> div, > div,
.has-icon { .has-icon {
margin: 0 0.5em; margin: 0 0.3em;
} }
font-size: 80%; font-size: 80%;
@media screen and (min-width: 350px) { @media screen and (min-width: 350px) {

1
components/ui/ProjectCard.vue
View File

@@ -245,6 +245,7 @@ export default {
.title { .title {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
overflow-wrap: anywhere;
color: var(--color-text-dark); color: var(--color-text-dark);
font-size: var(--font-size-xl); font-size: var(--font-size-xl);
} }

2
components/ui/ThisOrThat.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="styled-tabs"> <div v-if="items.length !== 1" class="styled-tabs">
<button <button
v-for="item in items" v-for="item in items"
:key="item" :key="item"

69
pages/index.vue
View File

@@ -10,9 +10,13 @@
<div class="text"> <div class="text">
<h1>Discover, Play, and Create Minecraft content</h1> <h1>Discover, Play, and Create Minecraft content</h1>
<h3> <h3>
Find enjoyable and quality content through our open-source modding Find enjoyable, quality content through our
platform built for the community. Create stuff, get <a href="https://github.com/modrinth" target="_blank">open-source</a>
paid<sup>WIP</sup>, and deploy your project with our fully documented modding platform built for the community. Create stuff, get
paid<sup>WIP</sup>, and deploy your project with our
<a href="https://docs.modrinth.com" target="_blank"
>fully documented</a
>
API! API!
</h3> </h3>
<form action="/mods"> <form action="/mods">
@@ -53,11 +57,11 @@
/> />
</div> </div>
<div class="text-container"> <div class="text-container">
<h3 class="subheader">Fast and Powerful Search</h3> <h3 class="subheader">Fast and powerful search</h3>
<h1>Find What You Want, Quickly and Easily</h1> <h1>Find what you want, quickly and easily</h1>
<p> <p>
We are invested in making it extremely simple to find what you want We are invested in making it extremely simple to find what you want
to play. Our search is adaptable, customizable and easy to use! to play. Our search is adaptable, customizable, and easy to use!
Whether you're a power user or someone who just discovered the world Whether you're a power user or someone who just discovered the world
of Minecraft modding, we've got you covered. of Minecraft modding, we've got you covered.
</p> </p>
@@ -66,18 +70,23 @@
<div class="point left"> <div class="point left">
<div class="text-container"> <div class="text-container">
<div> <div>
<h3 class="subheader">Packed with Features</h3> <h3 class="subheader">Packed with features</h3>
<h1>A Constantly Evolving Platform</h1> <h1>Constantly evolving and improving</h1>
<p> <p>
We are always adding new features and making Modrinth have the We are always adding new features and working towards making
best user experience. Right now, we're working on finally paying Modrinth have the friendliest user experience possible. Right now,
out creators on our site. If you have any more feature ideas, feel we're working on finally paying out creators on our site. If you
free to join our discord! have any more feature ideas, feel free to join our
<a href="https://discord.gg/EUHuJHt" target="_blank">Discord</a>!
</p> </p>
<div class="features"> <div class="features">
<div class="feature completed"> <div class="feature completed">
<CheckIcon /> <CheckIcon />
<p>Open Source</p> <p>
<a href="https://github.com/modrinth" target="_blank">
100% open source
</a>
</p>
</div> </div>
<div class="feature completed"> <div class="feature completed">
<CheckIcon /> <CheckIcon />
@@ -85,27 +94,31 @@
</div> </div>
<div class="feature completed"> <div class="feature completed">
<CheckIcon /> <CheckIcon />
<p>Project Gallery</p> <p>Mods and modpacks</p>
</div> </div>
<div class="feature completed"> <div class="feature completed">
<CheckIcon /> <CheckIcon />
<p>Robust Team Management</p> <p>Customizable project pages</p>
</div> </div>
<div class="feature completed"> <div class="feature completed">
<CheckIcon /> <CheckIcon />
<p>Completely documented API</p> <p>Robust team management</p>
</div> </div>
<div class="feature completed"> <div class="feature completed">
<CheckIcon /> <CheckIcon />
<p>Dependency Management</p> <p>
<a href="https://docs.modrinth.com" target="_blank">
Completely documented API
</a>
</p>
</div> </div>
<div class="feature completed"> <div class="feature completed">
<CheckIcon /> <CheckIcon />
<p>Modpacks</p> <p>Dependency management</p>
</div> </div>
<div class="feature in-progress"> <div class="feature in-progress">
<InProgressIcon /> <InProgressIcon />
<p>Creator Payouts</p> <p>Creator payouts</p>
</div> </div>
<div class="feature in-progress"> <div class="feature in-progress">
<InProgressIcon /> <InProgressIcon />
@@ -117,11 +130,11 @@
</div> </div>
<div class="feature in-progress"> <div class="feature in-progress">
<InProgressIcon /> <InProgressIcon />
<p>In-house auth</p> <p>In-house authentication</p>
</div> </div>
<div class="feature in-progress"> <div class="feature in-progress">
<InProgressIcon /> <InProgressIcon />
<p>Comments</p> <p>Project comments</p>
</div> </div>
</div> </div>
</div> </div>
@@ -171,14 +184,16 @@
</div> </div>
</div> </div>
<div class="text-container"> <div class="text-container">
<h3 class="subheader">Simple to Integrate</h3> <h3 class="subheader">Simple to integrate</h3>
<h1>An Open-Source API for Everyone to Use</h1> <h1>An open-source API for everyone to use</h1>
<p> <p>
We have created an open source modding platform for the community. We have created an open source modding platform for the community.
We're committed to open source so the community can trust us as We're committed to open source so the community can trust us as
their modding platform. Our API is their modding platform. Our API is
<a href="https://docs.modrinth.com">fully documented</a> so anyone <a href="https://docs.modrinth.com" target="_blank"
can use it. We will never add restrictions on our API! >fully documented</a
>
so anyone can use it. We will never add restrictions on our API!
</p> </p>
</div> </div>
</div> </div>
@@ -252,6 +267,10 @@ export default {
font-size: var(--font-size-lg); font-size: var(--font-size-lg);
font-weight: normal; font-weight: normal;
margin-bottom: 1rem; margin-bottom: 1rem;
a {
text-decoration: underline;
}
} }
form { form {