mohiit1502/Automata
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(editor): Apply Prettier (no-changelog) (#4920)

Browse Source 
* ⚡ Adjust `format` script

* 🔥 Remove exemption for `editor-ui`

* 🎨 Prettify

* 👕 Fix lint
This commit is contained in:
Iván Ovejero
2022-12-14 10:04:10 +01:00
committed by GitHub
parent bcde07e032
commit 5ca2148c7e
284 changed files with 19247 additions and 15540 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
packages/editor-ui/src/components/VersionCard.vue
View File

@@ -1,6 +1,12 @@
<template>
<!-- eslint-disable-next-line vue/no-mutating-props -->
<a v-if="version" :set="version = version" :href="version.documentationUrl" target="_blank" :class="$style.card">
<!-- eslint-disable vue/no-mutating-props -->
<a
v-if="version"
:set="(version = version)"
:href="version.documentationUrl"
target="_blank"
:class="$style.card"
>
<div :class="$style.header">
<div>
<div :class="$style.name">
@@ -26,9 +32,16 @@
{{ $locale.baseText('versionCard.released') }}&nbsp;<TimeAgo :date="version.createdAt" />
</div>
</div>
<div :class="$style.divider" v-if="version.description || (version.nodes && version.nodes.length)"></div>
<div
:class="$style.divider"
v-if="version.description || (version.nodes && version.nodes.length)"
></div>
<div>
<div v-if="version.description" v-html="version.description" :class="$style.description"></div>
<div
v-if="version.description"
v-html="version.description"
:class="$style.description"
></div>
<div v-if="version.nodes && version.nodes.length > 0" :class="$style.nodes">
<NodeIcon
v-for="node in version.nodes"
@@ -59,75 +72,75 @@ export default Vue.extend({
name: 'VersionCard',
props: ['version'],
// @ts-ignore
nodeName (node: IVersionNode): string {
nodeName(node: IVersionNode): string {
return node !== null ? node.displayName : this.$locale.baseText('versionCard.unknown');
},
});
</script>
<style module lang="scss">
.card {
background-color: $version-card-background-color;
border: $version-card-border;
border-radius: 8px;
display: block;
padding: 16px;
text-decoration: none;
.card {
background-color: $version-card-background-color;
border: $version-card-border;
border-radius: 8px;
display: block;
padding: 16px;
text-decoration: none;
&:hover {
box-shadow: 0px 2px 10px $version-card-box-shadow-color;
}
&:hover {
box-shadow: 0px 2px 10px $version-card-box-shadow-color;
}
}
.header {
display: flex;
flex-wrap: wrap;
> * {
display: flex;
margin-bottom: 5px;
}
.header {
display: flex;
flex-wrap: wrap;
> div:first-child {
flex-grow: 1;
> * {
display: flex;
margin-bottom: 5px;
}
> div:first-child {
flex-grow: 1;
> * {
margin-right: 5px;
}
margin-right: 5px;
}
}
}
.name {
font-weight: 600;
font-size: 16px;
line-height: 18px;
color: $version-card-name-text-color;
}
.name {
font-weight: 600;
font-size: 16px;
line-height: 18px;
color: $version-card-name-text-color;
}
.divider {
border-bottom: $version-card-border;
width: 100%;
margin: 10px 0 15px 0;
}
.divider {
border-bottom: $version-card-border;
width: 100%;
margin: 10px 0 15px 0;
}
.description {
font-size: 14px;
font-weight: 400;
line-height: 19px;
color: $version-card-description-text-color;
}
.description {
font-size: 14px;
font-weight: 400;
line-height: 19px;
color: $version-card-description-text-color;
}
.release-date {
font-size: 12px;
line-height: 18px;
font-weight: 400;
color: $version-card-release-date-text-color;
}
.release-date {
font-size: 12px;
line-height: 18px;
font-weight: 400;
color: $version-card-release-date-text-color;
}
.nodes {
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-row-gap: 12px;
margin-block-start: 24px;
}
.nodes {
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-row-gap: 12px;
margin-block-start: 24px;
}
</style>