julian/chrom-tool
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix ui

Browse Source
This commit is contained in:
Julian Freeman
2026-04-16 14:07:17 -04:00
parent a12c734aa5
commit 53287eabff
3 changed files with 225 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/App.vue
View File

@@ -1,4 +1,5 @@
<script setup lang="ts">
import SortDropdown from "./components/SortDropdown.vue";
import { useBrowserAssistant } from "./features/browser-assistant/useBrowserAssistant";
const {
@@ -109,14 +110,15 @@ const {
<div class="content-scroll-area">
<section v-if="activeSection === 'profiles'" class="content-section">
<div class="sort-bar">
<label class="sort-control">
<span>Sort by</span>
<select v-model="profileSortKey">
<option value="name">Name</option>
<option value="email">Email</option>
<option value="id">Profile ID</option>
</select>
</label>
<SortDropdown
v-model="profileSortKey"
label="Sort by"
:options="[
{ label: 'Name', value: 'name' },
{ label: 'Email', value: 'email' },
{ label: 'Profile ID', value: 'id' },
]"
/>
</div>
<div v-if="sortedProfiles.length" class="stack-list">
@@ -149,13 +151,14 @@ const {
<section v-else-if="activeSection === 'extensions'" class="content-section">
<div class="sort-bar">
<label class="sort-control">
<span>Sort by</span>
<select v-model="extensionSortKey">
<option value="name">Name</option>
<option value="id">Extension ID</option>
</select>
</label>
<SortDropdown
v-model="extensionSortKey"
label="Sort by"
:options="[
{ label: 'Name', value: 'name' },
{ label: 'Extension ID', value: 'id' },
]"
/>
</div>
<div v-if="sortedExtensions.length" class="stack-list">
@@ -212,13 +215,14 @@ const {
<section v-else class="content-section">
<div class="sort-bar">
<label class="sort-control">
<span>Sort by</span>
<select v-model="bookmarkSortKey">
<option value="title">Name</option>
<option value="url">URL</option>
</select>
</label>
<SortDropdown
v-model="bookmarkSortKey"
label="Sort by"
:options="[
{ label: 'Name', value: 'title' },
{ label: 'URL', value: 'url' },
]"
/>
</div>
<div v-if="sortedBookmarks.length" class="bookmark-list">