1
0

Lots of fixes - see trello (#347)

* A ton of fixes

* Fix project deletion message
This commit is contained in:
Geometrically
2022-01-28 18:11:34 -07:00
committed by GitHub
parent 643cd87706
commit 86f37863a7
25 changed files with 1132 additions and 741 deletions

File diff suppressed because it is too large Load Diff

View File

@@ -120,7 +120,7 @@ export default {
}
.filters {
margin-bottom: 0.5rem;
margin-bottom: 1rem;
}
.version-header {

View File

@@ -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 {

View File

@@ -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 {

View File

@@ -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);

View File

@@ -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>