natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Match notification padding to note's padding

This commit is contained in:
Freeplay 2023-05-22 21:26:52 -04:00
parent 05ce3e7039
commit 8fe2aca14e
2 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/client/src/components/MkNote.vue
View File

@ -5,7 +5,7 @@
v-show="!isDeleted" v-show="!isDeleted"
ref="el" ref="el"
v-hotkey="keymap" v-hotkey="keymap"
v-size="{ max: [500, 450, 350, 300] }" v-size="{ max: [500, 450, 350] }"
class="tkcbzcuz note-container" class="tkcbzcuz note-container"
:tabindex="!isDeleted ? '-1' : null" :tabindex="!isDeleted ? '-1' : null"
:class="{ renote: isRenote }" :class="{ renote: isRenote }"

13
packages/client/src/components/MkNotification.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div <div
ref="elRef" ref="elRef"
v-size="{ max: [500, 600] }" v-size="{ max: [500, 450] }"
class="qglefbjs notification" class="qglefbjs notification"
:class="notification.type" :class="notification.type"
> >
@ -392,14 +392,13 @@ useTooltip(reactionRef, (showing) => {
display: flex; display: flex;
contain: content; contain: content;
&.max-width_600px {
padding: 16px;
font-size: 0.9em;
}
&.max-width_500px { &.max-width_500px {
padding: 12px; padding-block: 16px;
font-size: 0.85em; font-size: 0.9em;
}
&.max-width_450px {
padding: 12px 16px;
} }
> .head { > .head {