wanhose/cookie-dialog-monster
wanhose/cookie-dialog-monster
2
5
Fork 0
Code Issues 304 Pull Requests Releases 18 Wiki Activity

feat(web): add new issue tracking section

Browse Source
This commit is contained in:
wanhose 2024-10-10 16:29:29 +02:00
parent e9758d9e2d
commit ebf68ee0cc
3 changed files with 22 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
packages/web/src/images/issue.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

2
packages/web/src/index.css
View File

@ -35,6 +35,6 @@
} }
.image { .image {
@apply self-center max-w-sm md:self-start rounded-lg shadow-2xl shrink-0 w-full; @apply max-w-sm rounded-lg shadow-2xl shrink-0 w-full;
} }
} }

28
packages/web/src/index.html
View File

@ -216,8 +216,8 @@
</a> </a>
</div> </div>
</div> </div>
<div class="flex flex-col gap-8 md:flex-row md:gap-20 md:py-20 py-10"> <div class="flex flex-col gap-8 items-center md:flex-row md:gap-20 md:py-20 py-10">
<div class="md:mt-14"> <div>
<h2>A powerful popup to manage all from a single place</h2> <h2>A powerful popup to manage all from a single place</h2>
<p class="mt-8 text-gray-500 text-xl"> <p class="mt-8 text-gray-500 text-xl">
Disable the extension if you would like to accept cookies in a specific page, contribute Disable the extension if you would like to accept cookies in a specific page, contribute
@ -227,9 +227,9 @@
</div> </div>
<img alt="Extension Popup" class="image" src="/images/popup.png" /> <img alt="Extension Popup" class="image" src="/images/popup.png" />
</div> </div>
<div class="flex flex-col-reverse gap-8 md:flex-row md:gap-20 md:py-20 py-10"> <div class="flex flex-col-reverse gap-8 items-center md:flex-row md:gap-20 md:py-20 py-10">
<img alt="Extension Report Button" class="image" src="/images/report.png" /> <img alt="Extension Report Button" class="image" src="/images/report.png" />
<div class="md:mt-14"> <div>
<h2>We are not perfect but we try</h2> <h2>We are not perfect but we try</h2>
<p class="mt-8 text-gray-500 text-xl"> <p class="mt-8 text-gray-500 text-xl">
Report any page that works bad with our extension, just right-click anywhere on the page Report any page that works bad with our extension, just right-click anywhere on the page
@ -242,8 +242,23 @@
</p> </p>
</div> </div>
</div> </div>
<div class="flex flex-col gap-8 md:flex-row md:gap-20 md:py-20 py-10"> <div class="flex flex-col-reverse gap-8 items-center md:flex-row md:gap-20 md:py-20 py-10">
<div class="md:mt-14"> <div>
<h2>Real-time issue tracking</h2>
<p class="mt-8 text-gray-500 text-xl">
Track issues as they happen with real-time GitHub updates. Each report submitted is
instantly recorded on our GitHub issues page, giving our team visibility to work on it
immediately.
</p>
<p class="mt-4 text-gray-500 text-xl">
You can view the progress, add comments, and even watch the repository to stay informed.
</p>
</div>
<img alt="GitHub Issue Tracking" class="image" src="/images/issue.png" />
</div>
<div class="flex flex-col gap-8 items-center md:flex-row md:gap-20 md:py-20 py-10">
<img alt="Extension Options" class="image" src="/images/options.png" />
<div>
<h2>Manage your exclusions</h2> <h2>Manage your exclusions</h2>
<p class="mt-8 text-gray-500 text-xl"> <p class="mt-8 text-gray-500 text-xl">
Clear, import and export your preferences with one click. Users have full control over Clear, import and export your preferences with one click. Users have full control over
@ -254,7 +269,6 @@
implementations or where the extension may cause unintended side effects. implementations or where the extension may cause unintended side effects.
</p> </p>
</div> </div>
<img alt="Extension Options" class="image" src="/images/options.png" />
</div> </div>
<div class="md:py-20 py-10"> <div class="md:py-20 py-10">
<div class="md:text-center"> <div class="md:text-center">