fix table ui

This commit is contained in:
Julian Freeman
2026-04-16 19:38:46 -04:00
parent c8e1641896
commit 16eb25d552
6 changed files with 79 additions and 64 deletions

View File

@@ -14,7 +14,7 @@ const emit = defineEmits<{
<template>
<section class="table-section">
<div v-if="bookmarks.length" class="data-table">
<div v-if="bookmarks.length" class="data-table styled-scrollbar">
<div class="data-table-header bookmarks-grid">
<button class="header-cell sortable" :class="{ active: sortKey === 'title' }" type="button" @click="emit('update:sortKey', 'title')">Name</button>
<button class="header-cell sortable" :class="{ active: sortKey === 'url' }" type="button" @click="emit('update:sortKey', 'url')">URL</button>
@@ -43,17 +43,20 @@ const emit = defineEmits<{
<style scoped>
.table-section {
padding: 0;
height: 100%;
min-height: 0;
}
.data-table {
display: flex;
flex-direction: column;
min-height: 100%;
height: 100%;
min-height: 0;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 22px;
background: var(--panel);
box-shadow: var(--shadow);
overflow: clip;
overflow: auto;
}
.bookmarks-grid {