fix FAQ dropdown color
This commit is contained in:
parent
0b1266c20e
commit
a4279af880
@ -1,4 +1,4 @@
|
|||||||
<div class=" fade-in bg-semi-white">
|
<div class="pb-24 fade-in bg-semi-white">
|
||||||
<div class="relative isolate">
|
<div class="relative isolate">
|
||||||
|
|
||||||
<div class="mx-auto max-w-7xl px-6 lg:flex lg:items-center lg:gap-x-15 lg:px-8">
|
<div class="mx-auto max-w-7xl px-6 lg:flex lg:items-center lg:gap-x-15 lg:px-8">
|
||||||
|
@ -31,8 +31,8 @@
|
|||||||
:aria-expanded="expanded"
|
:aria-expanded="expanded"
|
||||||
aria-controls="faqs-text-01"
|
aria-controls="faqs-text-01"
|
||||||
>
|
>
|
||||||
<span style="color: #000;">What is Mycelium?</span>
|
<span class="pl-4" style="color: #000;">What is Mycelium?</span>
|
||||||
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
<svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||||
</svg>
|
</svg>
|
||||||
@ -63,8 +63,8 @@
|
|||||||
:aria-expanded="expanded"
|
:aria-expanded="expanded"
|
||||||
aria-controls="faqs-text-02"
|
aria-controls="faqs-text-02"
|
||||||
>
|
>
|
||||||
<span style="color: #000;">How do I install the Mycelium app?</span>
|
<span class="pl-4" style="color: #000;">How do I install the Mycelium app?</span>
|
||||||
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
<svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||||
</svg>
|
</svg>
|
||||||
@ -95,8 +95,8 @@
|
|||||||
:aria-expanded="expanded"
|
:aria-expanded="expanded"
|
||||||
aria-controls="faqs-text-04"
|
aria-controls="faqs-text-04"
|
||||||
>
|
>
|
||||||
<span style="color: #000;">How can I find and use my Mycelium address?</span>
|
<span class="pl-4" style="color: #000;">How can I find and use my Mycelium address?</span>
|
||||||
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
<svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||||
</svg>
|
</svg>
|
||||||
@ -127,8 +127,8 @@
|
|||||||
:aria-expanded="expanded"
|
:aria-expanded="expanded"
|
||||||
aria-controls="faqs-text-05"
|
aria-controls="faqs-text-05"
|
||||||
>
|
>
|
||||||
<span style="color: #000;">Can I deploy workloads on the TFGrid using Mycelium?</span>
|
<span class="pl-4" style="color: #000;">Can I deploy workloads on the TFGrid using Mycelium?</span>
|
||||||
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
<svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||||
</svg>
|
</svg>
|
||||||
@ -159,8 +159,8 @@
|
|||||||
:aria-expanded="expanded"
|
:aria-expanded="expanded"
|
||||||
aria-controls="faqs-text-06"
|
aria-controls="faqs-text-06"
|
||||||
>
|
>
|
||||||
<span style="color: #000;">Is there an API available for Mycelium?</span>
|
<span class="pl-4" style="color: #000;">Is there an API available for Mycelium?</span>
|
||||||
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
<svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||||
</svg>
|
</svg>
|
||||||
@ -191,8 +191,8 @@
|
|||||||
:aria-expanded="expanded"
|
:aria-expanded="expanded"
|
||||||
aria-controls="faqs-text-04"
|
aria-controls="faqs-text-04"
|
||||||
>
|
>
|
||||||
<span style="color: #000;">What should I do if I encounter issues during installation or usage?</span>
|
<span class="pl-4" style="color: #000;">What should I do if I encounter issues during installation or usage?</span>
|
||||||
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
<svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||||
</svg>
|
</svg>
|
||||||
@ -223,8 +223,8 @@
|
|||||||
:aria-expanded="expanded"
|
:aria-expanded="expanded"
|
||||||
aria-controls="faqs-text-04"
|
aria-controls="faqs-text-04"
|
||||||
>
|
>
|
||||||
<span style="color: #000;">How does Mycelium handle routing within its network?</span>
|
<span class="pl-4" style="color: #000;">How does Mycelium handle routing within its network?</span>
|
||||||
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
<svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||||
</svg>
|
</svg>
|
||||||
|
Loading…
Reference in New Issue
Block a user