fix: hide unimplemented buttons

This commit is contained in:
Chen, Tai-Lin committed 2023-10-26 15:07:04 +08:00
1 parent 00fcf353ba
commit ea81f2feb4
2 files changed
+7 -7

No files matched your search

+3 -3
View File
@@ -1,11 +1,11 @@
<template> <template>
<section class="h-[10%] p-3 grid grid-cols-3 gap-4 place-content-between"> <section class="h-[10%] p-3 grid grid-cols-3 gap-4 place-content-between">
<button id="solution" class="bg-background-secondary rounded-lg p-2"> <button id="solution" class="bg-disabled-background rounded-lg p-2">
<font-awesome-icon <font-awesome-icon
:icon="['far', 'circle-question']" :icon="['far', 'circle-question']"
class="text-text-primary" class="text-disabled-text"
/> />
<p class="text-text-primary inline">Solution</p> <p class="text-disabled-text inline">Solution</p>
</button> </button>
<button <button
id="reset" id="reset"
+4 -4
View File
@@ -31,7 +31,7 @@ onMounted(async () => {
> >
<div class="h-full flex items-center justify-center mx-3"> <div class="h-full flex items-center justify-center mx-3">
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<button id="stream" class="flex items-center"> <!-- <button id="stream" class="flex items-center">
<font-awesome-icon <font-awesome-icon
:icon="['fas', 'bars']" :icon="['fas', 'bars']"
class="text-text-primary h-5 w-5" class="text-text-primary h-5 w-5"
@@ -42,7 +42,7 @@ onMounted(async () => {
:icon="['fas', 'arrow-left']" :icon="['fas', 'arrow-left']"
class="text-text-tertiary h-5 w-5" class="text-text-tertiary h-5 w-5"
/> />
</button> </button> -->
<button> <button>
<p <p
class="text-text-primary inline-block font-bold whitespace-nowrap" class="text-text-primary inline-block font-bold whitespace-nowrap"
@@ -53,7 +53,7 @@ onMounted(async () => {
</button> </button>
</div> </div>
<div class="h-full w-full flex gap-3 items-center justify-end"> <div class="h-full w-full flex gap-3 items-center justify-end">
<button id="warning" class="flex items-center"> <!-- <button id="warning" class="flex items-center">
<font-awesome-icon <font-awesome-icon
:icon="['fas', 'triangle-exclamation']" :icon="['fas', 'triangle-exclamation']"
class="text-text-primary h-5 w-5" class="text-text-primary h-5 w-5"
@@ -70,7 +70,7 @@ onMounted(async () => {
:icon="['fas', 'expand']" :icon="['fas', 'expand']"
class="text-text-primary h-5 w-5" class="text-text-primary h-5 w-5"
/> />
</button> </button> -->
<button @click="handleLogout"> <button @click="handleLogout">
<font-awesome-icon <font-awesome-icon
:icon="['fas', 'arrow-right-from-bracket']" :icon="['fas', 'arrow-right-from-bracket']"