Fixing some style problems
This commit is contained in:
parent
d67a51f83b
commit
14dec9ce96
6
package-lock.json
generated
6
package-lock.json
generated
@ -67,9 +67,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@hibas123/theme": {
|
"@hibas123/theme": {
|
||||||
"version": "1.0.1",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/@hibas123/theme/-/theme-1.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/@hibas123/theme/-/theme-1.0.2.tgz",
|
||||||
"integrity": "sha512-pa75rf/65qNIhQqX7+u6TkW7zQ6dus7AonPcVMKKpZL5sKwJSw2sXWa4IT/gGcCZZuuwQyhN7g507UzSFP9gTQ==",
|
"integrity": "sha512-DC7VdWKIgjN/YwYiaKU/lyLzdj62HnCuZeksOsmTA27/0GT9iLBoq4OQvRjRYQx/4GzixaNajVPwQe7YJW7dQA==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"sass": "^1.21.0"
|
"sass": "^1.21.0"
|
||||||
}
|
}
|
||||||
|
@ -14,7 +14,7 @@
|
|||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@hibas123/secure-file-wrapper": "^2.5.0",
|
"@hibas123/secure-file-wrapper": "^2.5.0",
|
||||||
"@hibas123/theme": "^1.0.1",
|
"@hibas123/theme": "^1.0.2",
|
||||||
"@hibas123/utils": "^2.1.0",
|
"@hibas123/utils": "^2.1.0",
|
||||||
"aes-js": "^3.1.2",
|
"aes-js": "^3.1.2",
|
||||||
"feather-icons": "^4.22.1",
|
"feather-icons": "^4.22.1",
|
||||||
|
@ -283,14 +283,12 @@ export default class EntryList extends Component<{ vault: Promise<IVault> }, { n
|
|||||||
<div class="vault-list" style="margin-top: 1rem;">
|
<div class="vault-list" style="margin-top: 1rem;">
|
||||||
{this.state.notes.map(note => {
|
{this.state.notes.map(note => {
|
||||||
let [first, second] = note.preview.split("\n", 2);
|
let [first, second] = note.preview.split("\n", 2);
|
||||||
return <div class="" onContextMenu={evt => this.onContext(evt, note)} onClick={() => {
|
return <div class="card vault-vault" onContextMenu={evt => this.onContext(evt, note)} onClick={() => {
|
||||||
open_entry(note._id)
|
open_entry(note._id)
|
||||||
}}>
|
}}>
|
||||||
<div class="card vault-vault">
|
|
||||||
<div>{first}</div>
|
<div>{first}</div>
|
||||||
<div>{second}</div>
|
<div>{second}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
})}
|
})}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -9,10 +9,16 @@
|
|||||||
grid-auto-rows: auto;
|
grid-auto-rows: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 50rem) {
|
||||||
|
.vault-list {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// TODO Media Query for small screens
|
// TODO Media Query for small screens
|
||||||
|
|
||||||
.vault-vault {
|
.vault-vault {
|
||||||
width: 100%;
|
overflow: hidden;
|
||||||
|
|
||||||
>div {
|
>div {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
Loading…
Reference in New Issue
Block a user