mobile style
This commit is contained in:
parent
f145882a4e
commit
139cdbd83d
|
@ -86,6 +86,8 @@
|
||||||
.filter-holder {
|
.filter-holder {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
border: 1px solid #999;
|
||||||
|
/* box-shadow: 5px 5px 0px #000; */
|
||||||
}
|
}
|
||||||
.filter-holder,
|
.filter-holder,
|
||||||
input,
|
input,
|
||||||
|
|
|
@ -79,6 +79,7 @@
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
border: 1px solid #999;
|
||||||
}
|
}
|
||||||
.type {
|
.type {
|
||||||
color: #999;
|
color: #999;
|
||||||
|
|
|
@ -1,5 +1,11 @@
|
||||||
<script>
|
<script>
|
||||||
export let filename="";
|
export let filename = "";
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<input bind:value={filename} />
|
<input bind:value={filename} />
|
||||||
|
|
||||||
|
<style>
|
||||||
|
input {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
20
src/app.css
20
src/app.css
|
@ -1,30 +1,34 @@
|
||||||
* {
|
* {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
:root {
|
:root {
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
a:hover {
|
a:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: #eee;
|
background-color: #fff;
|
||||||
font: 16px Times, serif;
|
font:
|
||||||
|
16px Times,
|
||||||
|
serif;
|
||||||
}
|
}
|
||||||
textrea, select, input, button {
|
textrea,
|
||||||
font: inherit;
|
select,
|
||||||
|
input,
|
||||||
|
button {
|
||||||
|
font: inherit;
|
||||||
}
|
}
|
||||||
video {
|
video {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#app {
|
#app {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue