This commit is contained in:
Tony Zhang 2022-05-08 01:57:25 +08:00
parent 5ba414c865
commit c3e8c15f10
3 changed files with 12 additions and 11 deletions

View File

@ -18038,6 +18038,7 @@ .notes .note {
} }
.notes .note .content { .notes .note .content {
font-size: 1rem; font-size: 1rem;
padding-right: 10%;
} }
.notes .note .time { .notes .note .time {
font-size: 0.5rem; font-size: 0.5rem;
@ -18048,12 +18049,15 @@ .notes .note .delete-wrapper {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 10%;
height: 100%; height: 100%;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
} }
.notes .note .delete-wrapper:hover {
display: flex;
}
.notes .note .delete-wrapper .bg { .notes .note .delete-wrapper .bg {
background: red; background: red;
opacity: 0.7; opacity: 0.7;
@ -18069,6 +18073,3 @@ .notes .note .delete-wrapper .delete {
font-weight: bold; font-weight: bold;
font-size: 1.2rem; font-size: 1.2rem;
} }
.notes .note:hover .delete-wrapper {
display: flex;
}

View File

@ -1,4 +1,4 @@
{ {
"/js/app.js": "/js/app.js?id=c98255a330e87e9652070f2535faf5ac", "/js/app.js": "/js/app.js?id=c98255a330e87e9652070f2535faf5ac",
"/css/app.css": "/css/app.css?id=f73ebf2d70c6a8e9d42d21eebc12e29c" "/css/app.css": "/css/app.css?id=2256531870611bc5ca65bc01fa411952"
} }

View File

@ -7,6 +7,7 @@
background: #eee; background: #eee;
.content { .content {
font-size: 1rem; font-size: 1rem;
padding-right: 10%;
} }
.time { .time {
font-size: .5rem; font-size: .5rem;
@ -17,11 +18,14 @@
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 10%;
height: 100%; height: 100%;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
&:hover {
display: flex;
}
.bg { .bg {
background: red; background: red;
opacity: .7; opacity: .7;
@ -38,10 +42,6 @@
font-size: 1.2rem; font-size: 1.2rem;
} }
} }
&:hover {
.delete-wrapper {
display: flex;
}
}
} }
} }