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": { "@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"
} }

View File

@ -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",

View File

@ -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>

View File

@ -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%;