imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Conformance: Have activity Layout done.

Browse Source
This commit is contained in:
chiayin
2023-06-29 15:45:34 +08:00
parent 147c9b16cf
commit d976bc529d
16 changed files with 565 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Discover/Conformance/StatusBar.vue
View File

@@ -1,8 +1,8 @@
<template>
<section class="w-full">
<section class="w-full top-0">
<!-- <section class="w-full top-0"> -->
<!-- status content -->
<!-- whitespace-nowrap min-w-[228px] min-w-[164px] min-w-[256px] -->
<ul class="bg-neutral-100 flex justify-start shadow-[0px_1px_4px_rgba(0,0,0,0.2)] gap-3 p-3 text-sm overflow-x-auto scrollbar duration-700" v-show="isPanel">
<ul class="bg-neutral-100 flex justify-start shadow-[0px_1px_4px_rgba(0,0,0,0.2)] gap-3 p-3 text-sm overflow-x-auto scrollbar duration-700 " >
<li class="bg-neutral-10 rounded p-3 w-full">
<div class="flex justify-between items-center mb-5">
<p class="font-bold text-sm leading-8">Cases</p>
@@ -76,10 +76,12 @@
</div>
</li>
</ul>
<!-- absolute -->
<!-- :class="isPanel?'':'hidden'" -->
<!-- control button -->
<div class="bg-neutral-300 rounded-b-full w-20 text-center mx-auto cursor-pointer hover:bg-neutral-500 hover:text-neutral-10 active:ring focus:outline-none focus:border-neutral-500 focus:ring" @click="isPanel = !isPanel">
<!-- <div class="bg-neutral-300 rounded-b-full w-20 text-center mx-auto cursor-pointer hover:bg-neutral-500 hover:text-neutral-10 active:ring focus:outline-none focus:border-neutral-500 focus:ring" @click="isPanel = !isPanel">
<span class="material-symbols-outlined block px-8 text-xs ">{{ isPanel ? 'keyboard_double_arrow_up' : 'keyboard_double_arrow_down' }}</span>
</div>
</div> -->
</section>
</template>