eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

fix(servers): hide webkit details marker for faq (#2895)

Browse Source 
* feat(servers): allow scrolling faq into view via hashes

* fix(servers): hide webkit details marker for faq

---------

Signed-off-by: nullptr <62841684+not-nullptr@users.noreply.github.com>
This commit is contained in:
nullptr
2024-11-03 17:09:29 +00:00
committed by GitHub
parent 27c3439120
commit f5f876e458
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/frontend/src/pages/servers/index.vue
View File

@@ -402,7 +402,7 @@
</div> </div>
<div class="relative flex flex-col gap-4 rounded-2xl bg-bg p-6 text-left md:p-12"> <div class="relative flex flex-col gap-4 rounded-2xl bg-bg p-6 text-left md:p-12">
<h1 class="m-0 text-lg font-bold">Frequently Asked Questions</h1> <h1 class="m-0 text-lg font-bold">Frequently Asked Questions</h1>
<div class="flex flex-col gap-1"> <div class="details-hide flex flex-col gap-1">
<details pyro-hash="cpus" class="group" :open="route.hash === '#cpus'"> <details pyro-hash="cpus" class="group" :open="route.hash === '#cpus'">
<summary class="flex cursor-pointer items-center py-3 font-bold text-contrast"> <summary class="flex cursor-pointer items-center py-3 font-bold text-contrast">
<span class="mr-2 transition-transform duration-200 group-open:rotate-90"> <span class="mr-2 transition-transform duration-200 group-open:rotate-90">
@@ -1028,4 +1028,8 @@ onUnmounted(() => {
.faded-brand-line { .faded-brand-line {
background: linear-gradient(to right, var(--color-brand-highlight), transparent); background: linear-gradient(to right, var(--color-brand-highlight), transparent);
} }
.details-hide summary::-webkit-details-marker {
display: none;
}
</style> </style>