fensir/src/pages/index.astro

---
import Default from "@/layouts/Default.astro"
import Button from "@/components/Button.vue"
import Search from "@/components/Search.vue"
import Footer from "@/components/Footer.astro"
---

<Default>
    <header>
       <span class="rate"> 0 / 5000 RQT </span>
       <Button class="sign" />
    </header>
    <main>
        <Search />
    </main>
    <Footer />
</Default>

<style>
header {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: end;
    margin-top: 10px;
    gap: 30px;
}

span.rate {
    color: var(--primary);
    font-size: 16px;
}

button.sign {
    margin-right: 15px;
}

main {
    display: grid;
    place-items: center;
    min-height: calc(100vh - 55px - 2.5rem);
}
</style>