DebaucheryLibrarian
/
traxxx-web
1
1
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Fixed notifications overflow on small screens.

This commit is contained in:
DebaucheryLibrarian 2024-09-01 00:08:05 +02:00
parent 1407d656dd
commit 4f4ff0b4bc
3 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
assets/css/tooltip.css
View File

@ -5,6 +5,11 @@
top: 0; top: 0;
left: 0; left: 0;
outline: none; outline: none;
max-width: 100%;
}
.v-popper__wrapper {
margin: 0 .25rem .25rem .25rem; /* arrow provides top clearance */
} }
.v-popper__popper.v-popper__popper--hidden { .v-popper__popper.v-popper__popper--hidden {

4
pages/auth/keys/+Page.vue
View File

@ -58,7 +58,7 @@
<Icon icon="plus-circle" /> <Icon icon="plus-circle" />
<time <time
v-tooltip="format(key.createdAt, 'yyyy-MM-dd hh:mm:ss')" v-tooltip="`Created ${format(key.createdAt, 'yyyy-MM-dd hh:mm:ss')}`"
:datetime="key.createdAt.toISOString()" :datetime="key.createdAt.toISOString()"
>{{ formatDistanceStrict(key.createdAt, now) }} ago</time> >{{ formatDistanceStrict(key.createdAt, now) }} ago</time>
</span> </span>
@ -68,7 +68,7 @@
<template v-if="key.lastUsedAt"> <template v-if="key.lastUsedAt">
<time <time
v-tooltip="`${key.lastUsedIp} at ${format(key.lastUsedAt, 'yyyy-MM-dd hh:mm:ss')}`" v-tooltip="`Last used ${format(key.lastUsedAt, 'yyyy-MM-dd hh:mm:ss')} from IP ${key.lastUsedIp}`"
:datetime="key.lastUsedAt.toISOString()" :datetime="key.lastUsedAt.toISOString()"
>{{ formatDistanceStrict(key.lastUsedAt, now) }} ago</time> >{{ formatDistanceStrict(key.lastUsedAt, now) }} ago</time>
</template> </template>

2
static

@ -1 +1 @@
Subproject commit b4446bbb07b066a38545ae7d2a112937cd006c16 Subproject commit f3a2f48e3d93ced9c71c82126058b0e28d1b7727