Fixed notifications overflow on small screens.
This commit is contained in:
parent
1407d656dd
commit
4f4ff0b4bc
|
@ -5,6 +5,11 @@
|
|||
top: 0;
|
||||
left: 0;
|
||||
outline: none;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.v-popper__wrapper {
|
||||
margin: 0 .25rem .25rem .25rem; /* arrow provides top clearance */
|
||||
}
|
||||
|
||||
.v-popper__popper.v-popper__popper--hidden {
|
||||
|
|
|
@ -58,7 +58,7 @@
|
|||
<Icon icon="plus-circle" />
|
||||
|
||||
<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()"
|
||||
>{{ formatDistanceStrict(key.createdAt, now) }} ago</time>
|
||||
</span>
|
||||
|
@ -68,7 +68,7 @@
|
|||
|
||||
<template v-if="key.lastUsedAt">
|
||||
<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()"
|
||||
>{{ formatDistanceStrict(key.lastUsedAt, now) }} ago</time>
|
||||
</template>
|
||||
|
|
2
static
2
static
|
@ -1 +1 @@
|
|||
Subproject commit b4446bbb07b066a38545ae7d2a112937cd006c16
|
||||
Subproject commit f3a2f48e3d93ced9c71c82126058b0e28d1b7727
|
Loading…
Reference in New Issue