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

Display dialogue in hints. Adjust Game page layout

Browse Source
This commit is contained in:
wancat committed 2024-02-29 10:54:53 +08:00
1 parent 88ee8f2cc3
commit 90e661f77b
2 files changed
+16 -7
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/src/components/HintPart.vue
+11 -2
View File
@@ -26,7 +26,7 @@ const right = () => {
</script> </script>
<template> <template>
<div class="w-full flex items-center p-2"> <div class="w-full flex items-center p-2 overflow-auto">
<font-awesome-icon <font-awesome-icon
:icon="['far', 'lightbulb']" :icon="['far', 'lightbulb']"
class="text-yellow-200 p-2 content-center" class="text-yellow-200 p-2 content-center"
@@ -63,8 +63,17 @@ const right = () => {
</button> </button>
</div> </div>
</div> </div>
<div id="hint" class="bg-bg flex flex-wrap p-8"> <div id="hint" class="bg-bg flex flex-wrap p-8 overflow-auto">
<ul> <ul>
<li
v-for="response in sessionStore.session.responses[current]"
:key="response"
class="text-text font-xl whitespace-pre-wrap"
>
<div v-for="content in response.content" :key="content">
<MarkdownText :content="content" />
</div>
</li>
<li <li
v-for="hint in sessionStore.session.hints[current]" v-for="hint in sessionStore.session.hints[current]"
:key="hint" :key="hint"
app/src/views/GamePage.vue
+5 -5
View File
@@ -61,7 +61,7 @@ onMounted(async () => {
<!-- main --> <!-- main -->
<div id="main" class="h-[94vh] w-full flex p-3 space-x-3"> <div id="main" class="h-[94vh] w-full flex p-3 space-x-3">
<!-- Topic and Command List --> <!-- Topic and Command List -->
<div class="bg-bg-secondary h-full w-1/3 rounded-lg"> <div class="bg-bg-secondary h-full w-1/4 rounded-lg">
<section id="quest" class="h-full p-3 overflow-auto"> <section id="quest" class="h-full p-3 overflow-auto">
<QuestPart /> <QuestPart />
</section> </section>
@@ -71,17 +71,17 @@ onMounted(async () => {
</section> --> </section> -->
</div> </div>
<!-- Terminal and Hint --> <!-- Terminal and Hint -->
<div class="bg-bg h-full w-1/3 rounded-lg"> <div class="bg-bg h-full w-1/2 rounded-lg">
<section id="hint" class="h-2/5"> <section id="hint" class="h-3/5">
<HintPart /> <HintPart />
</section> </section>
<hr class="border-border border" /> <hr class="border-border border" />
<section id="terminal" class="h-3/5 overflow-hidden"> <section id="terminal" class="h-2/5 overflow-hidden">
<TerminalPart /> <TerminalPart />
</section> </section>
</div> </div>
<!-- Visualization --> <!-- Visualization -->
<div class="h-full w-1/3"> <div class="h-full w-1/4">
<div class="bg-border rounded-xl h-[90%] p-2"> <div class="bg-border rounded-xl h-[90%] p-2">
<div class="bg-bg rounded-lg h-full p-2"> <div class="bg-bg rounded-lg h-full p-2">
<section id="visualization" class="bg-bg-primary h-full rounded-md"> <section id="visualization" class="bg-bg-primary h-full rounded-md">