161sh/trashposs
1
0
Fork 0
mirror of https://iceshrimp.dev/crimekillz/trashposs synced 2024-11-22 08:53:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

Touch-optimized visibility picker

Browse Source
This commit is contained in:
Jeder 2023-08-22 22:56:31 +02:00 committed by Laura Hausmann
parent 9096e4b1f2
commit 2f3003ee8c
No known key found for this signature in database
GPG Key ID: D044E84C5BE01605
1 changed files with 23 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/client/src/components/MkVisibilityPicker.vue
View File

@ -1,12 +1,15 @@
<template> <template>
<MkModal <MkModal
ref="modal" ref="modal"
v-slot="{ type }"
:z-priority="'high'" :z-priority="'high'"
:src="src" :src="src"
@click="modal.close()" @click="modal.close()"
@closed="emit('closed')" @closed="emit('closed')"
> >
<div class="_popup" :class="$style.root"> <div
class="_popup"
:class="{ [$style.root]: true, [$style.asDrawer]: type === 'drawer' }">
<button <button
key="public" key="public"
class="_button" class="_button"
@ -167,6 +170,25 @@ function choose(visibility: (typeof misskey.noteVisibilities)[number]): void {
.root { .root {
width: 240px; width: 240px;
padding: 8px 0; padding: 8px 0;
&.asDrawer {
padding: 12px 0 calc(env(safe-area-inset-bottom, 0px) + 12px) 0;
width: 100%;
border-radius: 24px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
.icon {
width: 18px;
margin-right: 24px;
}
.item {
font-size: 14px;
padding: 10px 24px;
}
.toggle {
margin-left: 24px;
width: 18px;
}
}
} }
.divider { .divider {