365DevNet/365devnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance layout and styling for Anti-Fingerprinting Shield Plus and Enterprise App Protection pages

Browse Source 
- Updated the layout to include a backdrop blur effect and rounded corners for improved aesthetics.
- Adjusted text color for better visibility in dark mode across various list items.
This commit is contained in:
becarta
2025-05-14 01:13:20 +02:00
parent 0d396209f9
commit 069c9b1e70
2 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/[lang]/antifp.astro
View File

@@ -24,7 +24,7 @@ const metadata = {
---
<Layout metadata={metadata}>
<div class="max-w-3xl mx-auto px-4 py-8">
<div class="max-w-3xl mx-auto px-4 py-8 backdrop-blur-sm bg-white/70 dark:bg-slate-900/70 rounded-xl shadow">
<h1 class="text-3xl font-bold mb-4">{t.title}</h1>
<p class="mb-4">
<a href="https://greasyfork.org/en/scripts/534570-anti-fingerprinting-shield-plus" target="_blank" rel="noopener noreferrer" class="text-blue-600 underline">{t.viewOnGreasyFork}</a>
@@ -41,7 +41,7 @@ const metadata = {
<h2 class="text-2xl font-semibold mb-4">{t.features.title}</h2>
<ul class="list-disc list-inside mb-8 space-y-2">
{t.features.items.map((item) => (
<li class="text-gray-700">{item}</li>
<li class="text-gray-700 dark:text-slate-200">{item}</li>
))}
</ul>
@@ -56,7 +56,7 @@ const metadata = {
<h2 class="text-2xl font-semibold mb-4">{t.notes.title}</h2>
<ul class="list-disc list-inside mb-8 space-y-2">
{t.notes.items.map((item) => (
<li class="text-gray-700">{item}</li>
<li class="text-gray-700 dark:text-slate-200">{item}</li>
))}
</ul>

18
src/pages/[lang]/eap.astro
View File

@@ -24,14 +24,14 @@ const metadata = {
---
<Layout metadata={metadata}>
<div class="max-w-3xl mx-auto px-4 py-8">
<div class="max-w-3xl mx-auto px-4 py-8 backdrop-blur-sm bg-white/70 dark:bg-slate-900/70 rounded-xl shadow">
<h1 class="text-3xl font-bold mb-4">{eap.title}</h1>
<p class="mb-6 text-lg">{eap.intro}</p>
<h2 class="text-2xl font-semibold mb-4">{eap.whatItDoes.title}</h2>
<ul class="list-disc list-inside mb-4 space-y-2">
{eap.whatItDoes.items.map((item) => (
<li class="text-gray-700">{item}</li>
<li class="text-gray-700 dark:text-slate-200">{item}</li>
))}
</ul>
<figure class="mb-8">
@@ -49,14 +49,14 @@ const metadata = {
<h2 class="text-2xl font-semibold mb-4">{eap.privacy.title}</h2>
<ul class="list-disc list-inside mb-8 space-y-2">
{eap.privacy.items.map((item) => (
<li>{item}</li>
<li class="dark:text-slate-200">{item}</li>
))}
</ul>
<h2 class="text-2xl font-semibold mb-4">{eap.notDo.title}</h2>
<ul class="list-disc list-inside mb-8 space-y-2">
{eap.notDo.items.map((item) => (
<li>{item}</li>
<li class="dark:text-slate-200">{item}</li>
))}
</ul>
@@ -74,14 +74,14 @@ const metadata = {
<h2 class="text-2xl font-semibold mb-4">{eap.audience.title}</h2>
<ul class="list-disc list-inside mb-8 space-y-2">
{eap.audience.items.map((item) => (
<li>{item}</li>
<li class="dark:text-slate-200">{item}</li>
))}
</ul>
<h2 class="text-2xl font-semibold mb-4">{eap.requirements.title}</h2>
<ul class="list-disc list-inside mb-8 space-y-2">
{eap.requirements.items.map((item) => (
<li>{item}</li>
<li class="dark:text-slate-200">{item}</li>
))}
</ul>
@@ -89,20 +89,20 @@ const metadata = {
<strong>{eap.troubleshooting.notFlagged}</strong>
<ul class="list-disc list-inside mb-4 ml-4">
{eap.troubleshooting.notFlaggedReasons.map((item) => (
<li>{item}</li>
<li class="dark:text-slate-200">{item}</li>
))}
</ul>
<strong>{eap.troubleshooting.falsePositive}</strong>
<ul class="list-disc list-inside mb-8 ml-4">
{eap.troubleshooting.falsePositiveReasons.map((item) => (
<li>{item}</li>
<li class="dark:text-slate-200">{item}</li>
))}
</ul>
<h2 class="text-2xl font-semibold mb-4">{eap.updates.title}</h2>
<ul class="list-disc list-inside mb-8 space-y-2">
{eap.updates.features.map((item) => (
<li>{item}</li>
<li class="dark:text-slate-200">{item}</li>
))}
</ul>