YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: expand btn display in front of menu (#1342)

Browse Source 
* Docker

* fix:expand btn display issue

* restore Dockerfile

* change Header z-index to 2

* Update web/src/less/memo-content.less

Co-authored-by: boojack <stevenlgtm@gmail.com>

---------

Co-authored-by: boojack <stevenlgtm@gmail.com>
This commit is contained in:
Wujiao233
2023-03-14 08:39:07 +08:00
committed by GitHub
parent 8d88477538
commit 28242d3268
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/MobileHeader.tsx
View File

@ -28,7 +28,7 @@ const MobileHeader = (props: Props) => {
}, [filter, shortcuts]); }, [filter, shortcuts]);
return ( return (
<div className="sticky top-0 pt-4 pb-1 mb-1 backdrop-blur-sm flex sm:hidden flex-row justify-between items-center w-full h-auto flex-nowrap shrink-0 z-1"> <div className="sticky top-0 pt-4 pb-1 mb-1 backdrop-blur-sm flex sm:hidden flex-row justify-between items-center w-full h-auto flex-nowrap shrink-0 z-2">
<div className="flex flex-row justify-start items-center mr-2 shrink-0 overflow-hidden"> <div className="flex flex-row justify-start items-center mr-2 shrink-0 overflow-hidden">
<div <div
className="flex sm:hidden flex-row justify-center items-center w-6 h-6 mr-1 shrink-0 bg-transparent" className="flex sm:hidden flex-row justify-center items-center w-6 h-6 mr-1 shrink-0 bg-transparent"

3
web/src/less/memo-content.less
View File

@ -107,8 +107,7 @@
} }
> .expand-btn-container { > .expand-btn-container {
@apply w-full relative flex flex-row justify-start items-center; @apply w-full relative flex flex-row justify-start items-center z-1;
> .btn { > .btn {
@apply flex flex-row justify-start items-center pl-2 pr-1 py-1 my-2 text-xs rounded-lg border bg-gray-100 dark:bg-zinc-600 border-gray-200 dark:border-zinc-600 shadow hover:opacity-90 cursor-pointer; @apply flex flex-row justify-start items-center pl-2 pr-1 py-1 my-2 text-xs rounded-lg border bg-gray-100 dark:bg-zinc-600 border-gray-200 dark:border-zinc-600 shadow hover:opacity-90 cursor-pointer;

1
web/tailwind.config.js
View File

@ -24,6 +24,7 @@ module.exports = {
}, },
zIndex: { zIndex: {
1: "1", 1: "1",
2: "2",
20: "20", 20: "20",
100: "100", 100: "100",
1000: "1000", 1000: "1000",