aet/opvault.js
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

Add About screen, list of recently opened vaults, category filtering

Browse Source
This commit is contained in:
aet
2022-01-02 00:53:57 -05:00
parent 5883adc2c1
commit d8f2cddb74
27 changed files with 1108 additions and 558 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/web/src/components/ItemFieldContextMenu.tsx
View File

@ -4,10 +4,11 @@ import styled from "@emotion/styled"
const Container = styled.menu`
background-color: #fff;
border-radius: 3px;
box-shadow: #0004 0px 1px 4px;
box-shadow: rgb(15 15 15 / 5%) 0px 0px 0px 1px, rgb(15 15 15 / 10%) 0px 3px 6px,
rgb(15 15 15 / 20%) 0px 9px 24px;
left: 99%;
margin-block-start: 0;
min-width: 180px;
min-width: 195px;
padding-inline-start: 0;
position: absolute;
top: 0;
@ -33,17 +34,23 @@ const Separator = styled.div`
const Item = styled.div`
cursor: default;
font-size: 13px;
font-size: 14px;
flex: 1 1 auto;
display: flex;
height: 2.5em;
height: 2.3em;
align-items: center;
padding-left: 1em;
padding-right: 5px;
position: relative;
&:first-of-type {
border-radius: 3px 3px 0 0;
}
&:last-of-type {
border-radius: 0 0 3px 3px;
}
&:hover {
background-color: #ddd;
border-radius: 3px;
.item-field-context-menu {
display: block;
}