mirror of
https://github.com/usememos/memos.git
synced 2025-02-23 22:57:54 +01:00
166e57f1ef
* fix: image preview dialog overlapping * Update web/src/less/preview-image-dialog.less --------- Co-authored-by: boojack <stevenlgtm@gmail.com>
32 lines
806 B
Plaintext
32 lines
806 B
Plaintext
.preview-image-dialog {
|
|
@apply p-0;
|
|
z-index: 1001;
|
|
background-color: rgba(0, 0, 0, 0.6);
|
|
|
|
> .dialog-container {
|
|
@apply flex flex-col justify-center items-center relative w-full h-full p-0;
|
|
background-color: unset;
|
|
|
|
> .btns-container {
|
|
@apply fixed top-8 right-8 flex flex-col justify-start items-center;
|
|
|
|
> .btn {
|
|
@apply mb-3 last:mb-0 w-8 h-8 p-1 cursor-pointer rounded opacity-90 bg-gray-300 dark:bg-zinc-600 z-10 shadow-md hover:opacity-70;
|
|
|
|
> .icon-img {
|
|
@apply w-6 h-auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
> .img-container {
|
|
@apply w-full h-full p-4 sm:p-20 flex flex-col justify-center items-center hide-scrollbar;
|
|
background-color: unset;
|
|
|
|
> img {
|
|
@apply h-auto w-auto max-w-full max-h-full shadow;
|
|
}
|
|
}
|
|
}
|
|
}
|