You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

78 lines
1.9 KiB

<template>
<section class="bg-gray-800 overflow-y-auto p-10 w-full">
<header class="flex items-center justify-between w-full">
<h1 class="font-medium text-2xl text-purple-400">About</h1>
<BtnClose @click.native="closeView" color="purple" />
</header>
<div class="flex flex-wrap items-center justify-center pt-16 w-full">
<div class="flex items-center justify-center logo w-full h-64"></div>
<!-- info -->
<div class="text-center text-gray-100 w-full">
<p class="mb-1">{{ pkg.name }} {{ pkg.version }}</p>
<p class="mb-1">
© 2020
<span
class="cursor-pointer hover:text-purple-400 ta-color-slow"
@click="openLink('https://christophermurphy.dev')"
>{{ pkg.author.name }}</span
>
</p>
<p class="mb-1">
<span
class="cursor-pointer hover:text-purple-400 ta-color-slow"
@click="
openLink('https://github.com/Splode/optimus/blob/main/LICENSE')
"
>License</span
>
and
<span
class="cursor-pointer hover:text-purple-400 ta-color-slow"
@click="openLink('https://github.com/splode/optimus')"
>Documentation</span
>
</p>
</div>
</div>
</section>
</template>
<script>
import BtnClose from './BtnClose'
import pkg from './../../package.json'
export default {
name: 'About',
components: { BtnClose },
data() {
return {
pkg
}
},
methods: {
closeView() {
this.$emit('close-view')
},
openLink(u) {
window.wails.Browser.OpenURL(u)
}
}
}
</script>
<style scoped>
.logo {
background-image: url('./../assets/images/optimus-logo--640x360.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
span {
box-shadow: 0 1px #d690ff;
}
</style>