Files
nostrdvm/ui/noogle/src/App.vue
2024-11-04 08:16:44 +01:00

47 lines
745 B
Vue

<script setup>
import ThreeColumnLayout from "./layouts/ThreeColumnLayout.vue";
import ProfileResultsTable from "@/components/ProfileResultTable.vue";
</script>
<template>
<link href="/opensearch.xml" rel="search" title="Noogle Search" type="application/opensearchdescription+xml"/>
<main>
<ThreeColumnLayout>
<template #aside>
<ProfileResultsTable style="margin-top: 450px"/>
</template>
</ThreeColumnLayout>
</main>
</template>
<style>
header {
line-height: 1.5;
}
@media (min-width: 768px) {
header {
display: flex;
place-items: center;
}
.logo {
margin: 0 2rem 0 0;
}
header .wrapper {
display: flex;
place-items: flex-start;
flex-wrap: wrap;
}
}
</style>