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

Frontend Tailwind Fixes + Small Fixes (#1258)

Browse Source 
* Fix Tailwind not targeting the src dir

* Merge tw fixes

* Fix footer logo alignment in mobile layout
This commit is contained in:
Evan Song
2024-07-07 18:28:55 -07:00
committed by GitHub
parent df76d9a50a
commit dab284f339
23 changed files with 81 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/frontend/src/pages/settings/account.vue
View File

@@ -291,7 +291,7 @@
</div>
</Modal>
<section class="universal-card">
<h2>Account security</h2>
<h2 class="text-2xl">Account security</h2>
<div class="adjacent-input">
<label for="theme-selector">

4
apps/frontend/src/pages/settings/applications.vue
View File

@@ -128,7 +128,7 @@
<div class="header__row">
<div class="header__title">
<h2>{{ formatMessage(commonSettingsMessages.applications) }}</h2>
<h2 class="text-2xl">{{ formatMessage(commonSettingsMessages.applications) }}</h2>
</div>
<button
class="btn btn-primary"
@@ -152,7 +152,7 @@
information, see
<a class="text-link" href="https://docs.modrinth.com">Modrinth's API documentation</a>.
</p>
<div v-for="app in usersApps" :key="app.id" class="universal-card recessed token">
<div v-for="app in usersApps" :key="app.id" class="universal-card recessed token mt-4">
<div class="token-info">
<div class="token-icon">
<Avatar size="sm" :src="app.icon_url" />

4
apps/frontend/src/pages/settings/authorizations.vue
View File

@@ -7,7 +7,7 @@
proceed-label="Revoke"
@proceed="revokeApp(revokingId)"
/>
<h2>{{ formatMessage(commonSettingsMessages.authorizedApps) }}</h2>
<h2 class="text-2xl">{{ formatMessage(commonSettingsMessages.authorizedApps) }}</h2>
<p>
When you authorize an application with your Modrinth account, you grant it access to your
account. You can manage and review access to your account here at any time.
@@ -18,7 +18,7 @@
<div
v-for="authorization in appInfoLookup"
:key="authorization.id"
class="universal-card recessed token"
class="universal-card recessed token mt-4"
>
<div class="token-content">
<div>

14
apps/frontend/src/pages/settings/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<div>
<MessageBanner v-if="flags.developerMode" message-type="warning" class="developer-message">
<CodeIcon />
<CodeIcon class="inline-flex" />
<IntlFormatted :message-id="developerModeBanner.description">
<template #strong="{ children }">
<strong>
@@ -14,9 +14,9 @@
</Button>
</MessageBanner>
<section class="universal-card">
<h2>{{ formatMessage(colorTheme.title) }}</h2>
<h2 class="text-2xl">{{ formatMessage(colorTheme.title) }}</h2>
<p>{{ formatMessage(colorTheme.description) }}</p>
<div class="theme-options">
<div class="theme-options mt-4">
<button
v-for="option in themeOptions"
:key="option"
@@ -50,8 +50,8 @@
</div>
</section>
<section class="universal-card">
<h2>{{ formatMessage(projectListLayouts.title) }}</h2>
<p>{{ formatMessage(projectListLayouts.description) }}</p>
<h2 class="text-2xl">{{ formatMessage(projectListLayouts.title) }}</h2>
<p class="mb-4">{{ formatMessage(projectListLayouts.description) }}</p>
<div class="project-lists">
<div v-for="projectType in listTypes" :key="projectType.id + '-project-list-layouts'">
<div class="label">
@@ -137,8 +137,8 @@
</div>
</section>
<section class="universal-card">
<h2>{{ formatMessage(toggleFeatures.title) }}</h2>
<p>{{ formatMessage(toggleFeatures.description) }}</p>
<h2 class="text-2xl">{{ formatMessage(toggleFeatures.title) }}</h2>
<p class="mb-4">{{ formatMessage(toggleFeatures.description) }}</p>
<div class="adjacent-input small">
<label for="advanced-rendering">
<span class="label__title">

2
apps/frontend/src/pages/settings/language.vue
View File

@@ -285,7 +285,7 @@ function getItemLabel(locale: Locale) {
<template>
<div>
<section class="universal-card">
<h2>{{ formatMessage(commonSettingsMessages.language) }}</h2>
<h2 class="text-2xl">{{ formatMessage(commonSettingsMessages.language) }}</h2>
<div class="card-description">
<IntlFormatted :message-id="messages.languagesDescription">

2
apps/frontend/src/pages/settings/pats.vue
View File

@@ -74,7 +74,7 @@
<div class="header__row">
<div class="header__title">
<h2>{{ formatMessage(commonSettingsMessages.pats) }}</h2>
<h2 class="text-2xl">{{ formatMessage(commonSettingsMessages.pats) }}</h2>
</div>
<button
class="btn btn-primary"

4
apps/frontend/src/pages/settings/profile.vue
View File

@@ -1,8 +1,8 @@
<template>
<div>
<section class="card">
<h2>{{ formatMessage(messages.title) }}</h2>
<p>
<h2 class="text-2xl">{{ formatMessage(messages.title) }}</h2>
<p class="mb-4">
<IntlFormatted :message-id="messages.description">
<template #docs-link="{ children }">
<a href="https://docs.modrinth.com/" target="_blank" class="text-link">

4
apps/frontend/src/pages/settings/sessions.vue
View File

@@ -1,10 +1,10 @@
<template>
<div class="universal-card">
<h2>{{ formatMessage(commonSettingsMessages.sessions) }}</h2>
<h2 class="text-2xl">{{ formatMessage(commonSettingsMessages.sessions) }}</h2>
<p class="preserve-lines">
{{ formatMessage(messages.sessionsDescription) }}
</p>
<div v-for="session in sessions" :key="session.id" class="universal-card recessed session">
<div v-for="session in sessions" :key="session.id" class="universal-card recessed session mt-4">
<div>
<div>
<strong>