mirror of
https://github.com/believethehype/nostrdvm.git
synced 2025-10-11 05:13:50 +02:00
67 lines
2.0 KiB
Vue
67 lines
2.0 KiB
Vue
<template>
|
|
<EasyDataTable v-if="store.state.results.length != 0" table-class-name="customize-table"
|
|
:headers="headers"
|
|
:items="store.state.results">
|
|
<template #item-content="{ content, author}">
|
|
<NoteRender :content="content" :author="author"/>
|
|
</template>
|
|
|
|
</EasyDataTable>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import type { Header, Item } from "vue3-easy-data-table";
|
|
import store from '../store';
|
|
import NoteRender from "@/components/NoteRender.vue";
|
|
import {EventId, Filter} from "@rust-nostr/nostr-sdk";
|
|
|
|
const headers: Header[] = [
|
|
{ text: "Results:", value: "content", width: 400},
|
|
{ text: "Time", value: "indicator.time", sortable: true},
|
|
];
|
|
</script>
|
|
|
|
<style>
|
|
.customize-table {
|
|
--easy-table-border: 1px solid #445269;
|
|
--easy-table-row-border: 1px solid #445269;
|
|
|
|
--easy-table-header-font-size: 14px;
|
|
--easy-table-header-height: 50px;
|
|
--easy-table-header-font-color: #c1cad4;
|
|
--easy-table-header-background-color: #2d3a4f;
|
|
|
|
--easy-table-header-item-padding: 10px 15px;
|
|
|
|
--easy-table-body-even-row-font-color: #fff;
|
|
--easy-table-body-even-row-background-color: #4c5d7a;
|
|
|
|
--easy-table-body-row-font-color: #c0c7d2;
|
|
--easy-table-body-row-background-color: #2d3a4f;
|
|
--easy-table-body-row-height: 50px;
|
|
--easy-table-body-row-font-size: 14px;
|
|
|
|
--easy-table-body-row-hover-font-color: #2d3a4f;
|
|
--easy-table-body-row-hover-background-color: #eee;
|
|
|
|
--easy-table-body-item-padding: 10px 15px;
|
|
|
|
--easy-table-footer-background-color: #2d3a4f;
|
|
--easy-table-footer-font-color: #c0c7d2;
|
|
--easy-table-footer-font-size: 14px;
|
|
--easy-table-footer-padding: 0px 10px;
|
|
--easy-table-footer-height: 50px;
|
|
|
|
--easy-table-rows-per-page-selector-width: 70px;
|
|
--easy-table-rows-per-page-selector-option-padding: 10px;
|
|
--easy-table-rows-per-page-selector-z-index: 1;
|
|
|
|
|
|
--easy-table-scrollbar-track-color: #2d3a4f;
|
|
--easy-table-scrollbar-color: #2d3a4f;
|
|
--easy-table-scrollbar-thumb-color: #4c5d7a;;
|
|
--easy-table-scrollbar-corner-color: #2d3a4f;
|
|
|
|
--easy-table-loading-mask-background-color: #2d3a4f;
|
|
}
|
|
</style> |