The great button centerification

This commit is contained in:
2023-11-16 12:17:36 +01:00
parent c2372dbcb3
commit 548c9e1479
12 changed files with 145 additions and 72 deletions

View File

@@ -1,12 +1,14 @@
<script>
import PixeldrainLogo from "../util/PixeldrainLogo.svelte";
export let embedded_viewer = false
export let nobg = false
</script>
{#if window.user.username === ""}
<a
href="/"
class="button button_home round"
class:nobg
target={embedded_viewer ? "_blank" : ""}
title="Go to the pixeldrain home page">
<PixeldrainLogo style="height: 1.6em; width: 1.6em; margin: 0 4px 0 0;"></PixeldrainLogo>
@@ -15,6 +17,7 @@ export let embedded_viewer = false
<a
href="/user"
class="button round"
class:nobg
target={embedded_viewer ? "_blank" : ""}
title="My account">
<PixeldrainLogo style="height: 1.6em; width: 1.6em; margin: 0;"></PixeldrainLogo>
@@ -29,6 +32,11 @@ export let embedded_viewer = false
content: "pixeldrain";
}
.nobg {
background: none;
margin: 0;
}
@media (max-width: 600px) {
.button_home::after {
content: "pd";