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:
parent
03b45162d9
commit
d7d196fe61
@ -9,6 +9,7 @@
|
|||||||
prepend-inner-icon="mdi-magnify"
|
prepend-inner-icon="mdi-magnify"
|
||||||
single-line
|
single-line
|
||||||
hide-details
|
hide-details
|
||||||
|
clearable
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<v-data-table-server
|
<v-data-table-server
|
||||||
|
@ -9,6 +9,7 @@
|
|||||||
prepend-inner-icon="mdi-magnify"
|
prepend-inner-icon="mdi-magnify"
|
||||||
single-line
|
single-line
|
||||||
hide-details
|
hide-details
|
||||||
|
clearable
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<v-data-table
|
<v-data-table
|
||||||
|
@ -9,6 +9,7 @@
|
|||||||
prepend-inner-icon="mdi-magnify"
|
prepend-inner-icon="mdi-magnify"
|
||||||
single-line
|
single-line
|
||||||
hide-details
|
hide-details
|
||||||
|
clearable
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<v-data-table-server
|
<v-data-table-server
|
||||||
|
@ -9,6 +9,7 @@
|
|||||||
prepend-inner-icon="mdi-magnify"
|
prepend-inner-icon="mdi-magnify"
|
||||||
single-line
|
single-line
|
||||||
hide-details
|
hide-details
|
||||||
|
clearable
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<v-data-table
|
<v-data-table
|
||||||
|
@ -9,6 +9,7 @@
|
|||||||
prepend-inner-icon="mdi-magnify"
|
prepend-inner-icon="mdi-magnify"
|
||||||
single-line
|
single-line
|
||||||
hide-details
|
hide-details
|
||||||
|
clearable
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<v-data-table
|
<v-data-table
|
||||||
@ -18,8 +19,6 @@
|
|||||||
:items="projectMembers"
|
:items="projectMembers"
|
||||||
:search="search"
|
:search="search"
|
||||||
class="elevation-1"
|
class="elevation-1"
|
||||||
show-select
|
|
||||||
hover
|
|
||||||
>
|
>
|
||||||
<template #item.name="{ item }">
|
<template #item.name="{ item }">
|
||||||
<span class="font-weight-bold">
|
<span class="font-weight-bold">
|
||||||
|
@ -23,6 +23,7 @@ html {
|
|||||||
.v-navigation-drawer {
|
.v-navigation-drawer {
|
||||||
// box-shadow: 0 3px 4px rgba(var(--v-theme-on-surface), 0.05) !important;
|
// 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;
|
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;
|
// box-shadow: 15px 0 30px 0 rgba(var(--v-theme-on-surface), 0.03) !important;
|
||||||
}
|
}
|
||||||
.v-app-bar.v-toolbar {
|
.v-app-bar.v-toolbar {
|
||||||
|
@ -115,32 +115,6 @@
|
|||||||
</v-list-item>
|
</v-list-item>
|
||||||
</v-list>
|
</v-list>
|
||||||
</v-card>
|
</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>
|
</v-container>
|
||||||
|
|
||||||
<ChangePasswordDialog
|
<ChangePasswordDialog
|
||||||
@ -181,7 +155,6 @@ import {
|
|||||||
VListItemSubtitle,
|
VListItemSubtitle,
|
||||||
VListItemAction,
|
VListItemAction,
|
||||||
VBtn,
|
VBtn,
|
||||||
VCheckboxBtn,
|
|
||||||
} from 'vuetify/components';
|
} from 'vuetify/components';
|
||||||
|
|
||||||
import { User, UserSettings } from '@/types/users';
|
import { User, UserSettings } from '@/types/users';
|
||||||
|
Loading…
Reference in New Issue
Block a user