Fixing some style problems

This commit is contained in:
Fabian 2019-06-18 23:10:58 +02:00
parent d67a51f83b
commit 14dec9ce96
4 changed files with 14 additions and 10 deletions

6
package-lock.json generated
View File

@ -67,9 +67,9 @@
}
},
"@hibas123/theme": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/@hibas123/theme/-/theme-1.0.1.tgz",
"integrity": "sha512-pa75rf/65qNIhQqX7+u6TkW7zQ6dus7AonPcVMKKpZL5sKwJSw2sXWa4IT/gGcCZZuuwQyhN7g507UzSFP9gTQ==",
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/@hibas123/theme/-/theme-1.0.2.tgz",
"integrity": "sha512-DC7VdWKIgjN/YwYiaKU/lyLzdj62HnCuZeksOsmTA27/0GT9iLBoq4OQvRjRYQx/4GzixaNajVPwQe7YJW7dQA==",
"requires": {
"sass": "^1.21.0"
}

View File

@ -14,7 +14,7 @@
"license": "MIT",
"dependencies": {
"@hibas123/secure-file-wrapper": "^2.5.0",
"@hibas123/theme": "^1.0.1",
"@hibas123/theme": "^1.0.2",
"@hibas123/utils": "^2.1.0",
"aes-js": "^3.1.2",
"feather-icons": "^4.22.1",

View File

@ -283,13 +283,11 @@ export default class EntryList extends Component<{ vault: Promise<IVault> }, { n
<div class="vault-list" style="margin-top: 1rem;">
{this.state.notes.map(note => {
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)
}}>
<div class="card vault-vault">
<div>{first}</div>
<div>{second}</div>
</div>
<div>{first}</div>
<div>{second}</div>
</div>
})}
</div>

View File

@ -9,10 +9,16 @@
grid-auto-rows: auto;
}
@media screen and (max-width: 50rem) {
.vault-list {
grid-template-columns: 1fr;
}
}
// TODO Media Query for small screens
.vault-vault {
width: 100%;
overflow: hidden;
>div {
width: 100%;