Fix status notification responsiveness

This commit is contained in:
Luke 2021-01-29 14:28:23 +01:00
parent 431e57c85e
commit 0a69ab8325
2 changed files with 10 additions and 8 deletions

View file

@ -7,9 +7,9 @@ redirect_from:
--- ---
<div class="notification w-full text-center text-white p-2" style="background-color: #6188ff;"> <div class="notification w-full text-center text-white p-2" style="background-color: #6188ff;">
<div class="mx-auto flex" style="width: max-content;"> <div class="mx-auto flex">
<img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2"> <img src="{{ site.img_url }}icons/info.svg" class="ml-auto h-4 w-4 self-center mr-2">
<span class="w-auto text-sm">Portmaster is Alpha Software - expect hickups here and there</span> <span class="w-auto text-sm mr-auto">Portmaster is Alpha Software - expect hickups here and there</span>
</div> </div>
</div> </div>
<header class="h-full my-20 md:my-40"> <header class="h-full my-20 md:my-40">

View file

@ -3,11 +3,13 @@ title: Safing Privacy Network
layout: page layout: page
--- ---
<div class="notification w-full text-center text-white p-2 " style="background-color: #6188ff;"> <div class="notification w-full text-center text-white p-2" style="background-color: #6188ff;">
<div class="mx-auto flex" style="width: max-content;"> <div class="mx-auto flex">
<img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2"> <img src="{{ site.img_url }}icons/info.svg" class="ml-auto h-4 w-4 self-center mr-2">
<span class="w-auto text-sm self-center">SPN is in Pre-Alpha and not publicily available. That is why there are no screenshots of the software on this page.</span> <div class="mr-auto">
<a href="/spn/#faq" class="underline text-sm self-center ml-2">Read FAQ</a> <span class="w-auto text-sm">SPN is in Pre-Alpha and not publicily available. That is why there are no screenshots of the software on this page.</span>
<a href="/spn/#faq" class="underline text-sm self-center ml-2 ">Read FAQ</a>
</div>
</div> </div>
</div> </div>
<header class="h-full"> <header class="h-full">