Move account ban notification to top of dashboard

This commit is contained in:
2024-07-11 23:14:09 +02:00
parent 0098dd502d
commit da9cdd90c0
2 changed files with 9 additions and 5 deletions

View File

@@ -1,12 +1,9 @@
<script> <script>
import UploadLib from "./UploadLib.svelte"; import UploadLib from "./UploadLib.svelte";
import AddressReputation from "../../home_page/AddressReputation.svelte";
let upload_widget let upload_widget
</script> </script>
<AddressReputation/>
<div class="upload_buttons"> <div class="upload_buttons">
<button on:click={() => upload_widget.pick_files() } class="big_button button_highlight"> <button on:click={() => upload_widget.pick_files() } class="big_button button_highlight">
<i class="icon small">cloud_upload</i> <i class="icon small">cloud_upload</i>
@@ -42,5 +39,4 @@ let upload_widget
font-size: 1.4em; font-size: 1.4em;
justify-content: center; justify-content: center;
} }
</style> </style>

View File

@@ -9,6 +9,7 @@ import CardActivity from "./CardActivity.svelte";
import CardUpload from "./CardUpload.svelte"; import CardUpload from "./CardUpload.svelte";
import CardPrepaidTransactions from "./CardPrepaidTransactions.svelte"; import CardPrepaidTransactions from "./CardPrepaidTransactions.svelte";
import CardFsHome from "./CardFSHome.svelte"; import CardFsHome from "./CardFSHome.svelte";
import AddressReputation from "../../home_page/AddressReputation.svelte";
let cards = [] let cards = []
@@ -116,6 +117,10 @@ onMount(() => {
}) })
</script> </script>
<div class="separator"></div>
<AddressReputation/>
<div class="cards"> <div class="cards">
{#each cards as card, i (card.id)} {#each cards as card, i (card.id)}
{#if !card.hidden && card.size > 0} {#if !card.hidden && card.size > 0}
@@ -165,13 +170,16 @@ onMount(() => {
</div> </div>
<style> <style>
.separator {
border-top: 1px solid var(--separator);
margin: 0 8px;
}
.cards { .cards {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 8px; gap: 8px;
padding: 8px 0; padding: 8px 0;
margin: 0 8px; margin: 0 8px;
border-top: 1px solid var(--separator);
} }
.card { .card {
flex: 1 0 auto; flex: 1 0 auto;