little-lines/frontend
Archived
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases 2 Activity

Add source code button in about page

Browse source
This commit is contained in:
Late Night Defender 2023-11-18 04:43:50 +07:00
parent b9918347c1
commit 19b4d18941
1 changed files with 45 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

59
src/views/About.vue
View file

@ -1,32 +1,58 @@
<template> <template>
<v-sheet class="d-flex justify-center"> <v-sheet class="d-flex justify-center align-center">
<v-sheet class="ma-2 pa-4 mb-auto"> <v-sheet class="ma-2 pa-4 mb-auto">
<v-row class="ma-2" justify="centered"> <v-sheet style="display: flex; align-items: center;justify-content: center;">
<v-img cover src="../../icons/LittleLines.svg"></v-img> <img src="../../icons/LittleLines.svg">
</v-row>
</v-sheet>
<v-list-item <p class="text-center text-h4 font-weight-black">Little Lines</p>
center
class="text-black" <p class="text-center">openKMITL Community</p>
title="Little Lines"
subtitle="openKMITL Community"
<v-sheet style="display: flex; align-items: center;justify-content: center;">
<a class="versionbutton">DATE-VERSION</a>
</v-sheet>
>
<v-list class = "ma-2" density="compact" max-width="420px" min-width="200px" width="95vw">
</v-list-item> <v-list-item
<a class="versionbutton">DATE-VERSION</a> v-for="(item, i) in sourcecode_items"
:key="i"
:value="item"
:href="'https://gitlab.com/openKMITL/little-lines'"
>
<template v-slot:append>
<!-- <v-icon :icon="item.icon"></v-icon> -->
<img src="../../icons/Adwaita/right.svg">
</template>
<v-list-item-title v-text="item.text"></v-list-item-title>
</v-list-item>
</v-list>
</v-sheet> </v-sheet>
</v-sheet> </v-sheet>
</template> </template>
<script setup> <script setup>
import { getTopRight } from 'ol/extent';
import {RouterLink} from 'vue-router';
const sourcecode_items = [
{ text: 'ซอร์สโค้ด',
icon: 'mdi-chevron-right',}
]
</script> </script>
<style> <style>
@ -45,6 +71,11 @@
padding-left: 15px; padding-left: 15px;
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
width: 200px;
}
.text-h4 {
font-family: Cantarell, sans-serif !important;
} }
</style> </style>