fix table ui
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user