wancat/linux-odyssey
1
0 Fork 0
mirror of https://github.com/linux-odyssey/linux-odyssey.git synced 2026-11-06 03:20:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve game page UI

Browse Source
This commit is contained in:
Chen, Tai-Lin committed 2023-10-26 14:52:02 +08:00
1 parent 93d4f9d46b
commit 00fcf353ba
6 files changed
+112 -91
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/src/components/HeaderPart.vue
-67
View File
@@ -1,67 +0,0 @@
<script setup>
import { useRouter } from 'vue-router'
import { logout } from '../utils/auth'
const router = useRouter()
const handleLogout = async () => {
await logout()
router.push({ name: 'login' })
}
</script>
<template>
<div class="h-full flex items-center justify-center mx-3">
<div class="flex items-center gap-3">
<button id="stream" class="flex items-center">
<font-awesome-icon
:icon="['fas', 'bars']"
class="text-text-primary h-5 w-5"
/>
</button>
<button id="backward" class="flex items-center">
<font-awesome-icon
:icon="['fas', 'arrow-left']"
class="text-text-tertiary h-5 w-5"
/>
</button>
<button>
<p class="text-text-primary inline-block font-bold whitespace-nowrap">
1. Command's Basics
</p>
</button>
<p class="text-text-primary inline-block font-bold">●</p>
<button>
<p class="text-text-primary inline-block font-bold whitespace-nowrap">
1. Try Your First Command
</p>
</button>
</div>
<div class="h-full w-full flex gap-3 items-center justify-end">
<button id="warning" class="flex items-center">
<font-awesome-icon
:icon="['fas', 'triangle-exclamation']"
class="text-text-primary h-5 w-5"
/>
</button>
<button id="setting" class="flex items-center">
<font-awesome-icon
:icon="['fas', 'gear']"
class="text-text-primary h-5 w-5"
/>
</button>
<button id="fullscreen" class="flex items-center">
<font-awesome-icon
:icon="['fas', 'expand']"
class="text-text-primary h-5 w-5"
/>
</button>
<button @click="handleLogout">
<font-awesome-icon
:icon="['fas', 'arrow-right-from-bracket']"
class="text-text-primary h-5 w-5"
/>
</button>
</div>
</div>
</template>