web/satellite: small vuetify fixes

Removed selection/checkboxes on team table.
Made search bars on searchable tables clearable.
Navbar toggle works on small screen sizes.
Removed notifications section from the settings page.

Issue:
https://github.com/storj/storj/issues/6148

Change-Id: I531088cf0db04fd2979d39f92bb4342e0d9551a6
This commit is contained in:
Vitalii 2023-08-10 13:09:29 +03:00 committed by Vitalii Shpital
parent 03b45162d9
commit d7d196fe61
7 changed files with 6 additions and 29 deletions

View File

@ -9,6 +9,7 @@
prepend-inner-icon="mdi-magnify"
single-line
hide-details
clearable
/>
<v-data-table-server

View File

@ -9,6 +9,7 @@
prepend-inner-icon="mdi-magnify"
single-line
hide-details
clearable
/>
<v-data-table

View File

@ -9,6 +9,7 @@
prepend-inner-icon="mdi-magnify"
single-line
hide-details
clearable
/>
<v-data-table-server

View File

@ -9,6 +9,7 @@
prepend-inner-icon="mdi-magnify"
single-line
hide-details
clearable
/>
<v-data-table

View File

@ -9,6 +9,7 @@
prepend-inner-icon="mdi-magnify"
single-line
hide-details
clearable
/>
<v-data-table
@ -18,8 +19,6 @@
:items="projectMembers"
:search="search"
class="elevation-1"
show-select
hover
>
<template #item.name="{ item }">
<span class="font-weight-bold">

View File

@ -23,6 +23,7 @@ html {
.v-navigation-drawer {
// box-shadow: 0 3px 4px rgba(var(--v-theme-on-surface), 0.05) !important;
box-shadow: 15px 0 30px 0 rgba(0,0,0,.03) !important;
transform: translateX(0) !important;
// box-shadow: 15px 0 30px 0 rgba(var(--v-theme-on-surface), 0.03) !important;
}
.v-app-bar.v-toolbar {

View File

@ -115,32 +115,6 @@
</v-list-item>
</v-list>
</v-card>
<v-card
variant="flat"
:border="true"
class="mx-auto my-6"
>
<v-list lines="three" select-strategy="classic">
<v-list-subheader class="mb-2">Notifications</v-list-subheader>
<v-divider />
<v-list-item value="notifications" color="default">
<template #append="{ isActive }">
<v-list-item-action start>
<v-checkbox-btn :model-value="isActive" />
</v-list-item-action>
</template>
<v-list-item-title>Product newsletter</v-list-item-title>
<v-list-item-subtitle>
Notify me about product updates.
</v-list-item-subtitle>
</v-list-item>
</v-list>
</v-card>
</v-container>
<ChangePasswordDialog
@ -181,7 +155,6 @@ import {
VListItemSubtitle,
VListItemAction,
VBtn,
VCheckboxBtn,
} from 'vuetify/components';
import { User, UserSettings } from '@/types/users';