The great button centerification
This commit is contained in:
@@ -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";
|
||||
|
Reference in New Issue
Block a user