You've already forked AstralRinth
forked from didirus/AstralRinth
Lots of fixes - see trello (#347)
* A ton of fixes * Fix project deletion message
This commit is contained in:
1095
pages/_type/_id.vue
1095
pages/_type/_id.vue
File diff suppressed because it is too large
Load Diff
@@ -120,7 +120,7 @@ export default {
|
||||
}
|
||||
|
||||
.filters {
|
||||
margin-bottom: 0.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.version-header {
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<nuxt-link
|
||||
:to="`/${project.project_type}/${
|
||||
project.slug ? project.slug : project.id
|
||||
}`"
|
||||
}/settings`"
|
||||
class="iconified-button column"
|
||||
>
|
||||
Back
|
||||
@@ -65,8 +65,9 @@
|
||||
</label>
|
||||
<h3>Categories</h3>
|
||||
<label>
|
||||
<span>
|
||||
Select up to 3 categories that will help others find your project.
|
||||
<span class="no-padding">
|
||||
Select up to 3 categories that will help others <br />
|
||||
find your project.
|
||||
</span>
|
||||
<Multiselect
|
||||
id="categories"
|
||||
@@ -298,7 +299,7 @@
|
||||
v-model="license"
|
||||
placeholder="Select one"
|
||||
track-by="short"
|
||||
label="name"
|
||||
label="short"
|
||||
:options="$tag.licenses"
|
||||
:searchable="true"
|
||||
:close-on-select="true"
|
||||
@@ -616,7 +617,6 @@ label {
|
||||
|
||||
span {
|
||||
flex: 2;
|
||||
padding-right: var(--spacing-card-lg);
|
||||
}
|
||||
|
||||
input,
|
||||
@@ -652,15 +652,29 @@ label {
|
||||
.page-contents {
|
||||
display: grid;
|
||||
grid-template:
|
||||
'header header header' auto
|
||||
'essentials essentials project-icon' auto
|
||||
'game-sides game-sides game-sides' auto
|
||||
'description description description' auto
|
||||
'extra-links extra-links extra-links' auto
|
||||
'license license license' auto
|
||||
'donations donations donations' auto
|
||||
'footer footer footer' auto
|
||||
/ 4fr 1fr 2fr;
|
||||
'header' auto
|
||||
'essentials' auto
|
||||
'project-icon' auto
|
||||
'game-sides' auto
|
||||
'description' auto
|
||||
'extra-links' auto
|
||||
'license' auto
|
||||
'donations' auto
|
||||
'footer' auto
|
||||
/ 1fr;
|
||||
|
||||
@media screen and (min-width: 1024px) {
|
||||
grid-template:
|
||||
'header header header' auto
|
||||
'essentials essentials project-icon' auto
|
||||
'game-sides game-sides game-sides' auto
|
||||
'description description description' auto
|
||||
'extra-links extra-links extra-links' auto
|
||||
'license license license' auto
|
||||
'donations donations donations' auto
|
||||
'footer footer footer' auto
|
||||
/ 4fr 1fr 2fr;
|
||||
}
|
||||
column-gap: var(--spacing-card-md);
|
||||
row-gap: var(--spacing-card-md);
|
||||
}
|
||||
@@ -712,6 +726,10 @@ section.game-sides {
|
||||
.labeled-control {
|
||||
flex: 2;
|
||||
margin-left: var(--spacing-card-lg);
|
||||
|
||||
h3 {
|
||||
margin-bottom: var(--spacing-card-sm);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -766,6 +784,10 @@ section.donations {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
|
||||
@@ -437,7 +437,7 @@ export default {
|
||||
this.$notify({
|
||||
group: 'main',
|
||||
title: 'Action Success',
|
||||
text: 'Your _type has been successfully deleted.',
|
||||
text: 'Your project has been successfully deleted.',
|
||||
type: 'success',
|
||||
})
|
||||
},
|
||||
@@ -458,6 +458,13 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.card {
|
||||
h3 {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.member {
|
||||
margin-bottom: var(--spacing-card-md);
|
||||
|
||||
@@ -594,7 +601,7 @@ section {
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-right: auto;
|
||||
margin: auto auto auto 0;
|
||||
}
|
||||
|
||||
> div {
|
||||
|
||||
@@ -14,7 +14,13 @@
|
||||
class="iconified-button back-button"
|
||||
:to="`/${project.project_type}/${
|
||||
project.slug ? project.slug : project.id
|
||||
}/versions`"
|
||||
}/${
|
||||
$nuxt.context.from
|
||||
? $nuxt.context.from.name === 'type-id-changelog'
|
||||
? 'changelog'
|
||||
: 'versions'
|
||||
: 'versions'
|
||||
}`"
|
||||
>
|
||||
<BackIcon aria-hidden="true" />
|
||||
Back to list
|
||||
@@ -125,7 +131,7 @@
|
||||
placeholder="Enter the version name..."
|
||||
/>
|
||||
<Checkbox v-model="version.featured" label="Featured" />
|
||||
<hr />
|
||||
<hr class="card-divider" />
|
||||
</div>
|
||||
<section v-if="mode === 'edit' || mode === 'create'">
|
||||
<h3>Changelog</h3>
|
||||
@@ -158,7 +164,7 @@
|
||||
: 'No changelog specified.'
|
||||
"
|
||||
></div>
|
||||
<hr />
|
||||
<hr class="card-divider" />
|
||||
</section>
|
||||
<section>
|
||||
<h3>Metadata</h3>
|
||||
@@ -187,7 +193,8 @@
|
||||
class="value"
|
||||
type="beta"
|
||||
color="yellow"
|
||||
/><VersionBadge
|
||||
/>
|
||||
<VersionBadge
|
||||
v-else-if="version.version_type === 'alpha'"
|
||||
class="value"
|
||||
type="alpha"
|
||||
@@ -259,11 +266,7 @@
|
||||
placeholder="Choose versions..."
|
||||
/>
|
||||
<p v-else class="value">
|
||||
{{
|
||||
version.game_versions
|
||||
.map((x) => x.charAt(0).toUpperCase() + x.slice(1))
|
||||
.join(', ')
|
||||
}}
|
||||
{{ $formatVersion(version.game_versions) }}
|
||||
</p>
|
||||
</div>
|
||||
<div v-if="mode === 'version'" class="data">
|
||||
@@ -292,7 +295,7 @@
|
||||
<p class="value">{{ version.id }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<hr class="card-divider" />
|
||||
</section>
|
||||
<section
|
||||
v-if="
|
||||
@@ -394,7 +397,7 @@
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<hr class="card-divider" />
|
||||
</section>
|
||||
<section
|
||||
v-if="version.files.length > 0 || mode === 'edit' || mode === 'create'"
|
||||
@@ -819,6 +822,8 @@ export default {
|
||||
})
|
||||
).data
|
||||
|
||||
this.$emit('update:project', this.versions.concat([data]))
|
||||
|
||||
await this.$router.push(
|
||||
`/${this.project.project_type}/${
|
||||
this.project.slug ? this.project.slug : data.project_id
|
||||
@@ -850,14 +855,6 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
hr {
|
||||
background-color: var(--color-divider);
|
||||
border: none;
|
||||
color: var(--color-divider);
|
||||
height: 1px;
|
||||
margin: var(--spacing-card-bg) 0;
|
||||
}
|
||||
|
||||
.content {
|
||||
max-width: calc(100% - (2 * var(--spacing-card-lg)));
|
||||
}
|
||||
@@ -906,6 +903,11 @@ section {
|
||||
.data-wrapper {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: column;
|
||||
|
||||
@media screen and (min-width: 800px) {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.data {
|
||||
flex-basis: calc(33.333333% - 0.5rem);
|
||||
|
||||
@@ -71,7 +71,7 @@
|
||||
.map((x) => x.charAt(0).toUpperCase() + x.slice(1))
|
||||
.join(', ') +
|
||||
' ' +
|
||||
version.game_versions[version.game_versions.length - 1]
|
||||
$formatVersion(version.game_versions)
|
||||
}}
|
||||
</p>
|
||||
<p></p>
|
||||
@@ -96,7 +96,7 @@
|
||||
.join(', ')
|
||||
}}
|
||||
</p>
|
||||
<p>{{ version.game_versions[version.game_versions.length - 1] }}</p>
|
||||
<p>{{ $formatVersion(version.game_versions) }}</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>
|
||||
|
||||
Reference in New Issue
Block a user