Rework to use bulma better
This commit is contained in:
parent
a579ea52f4
commit
f57d9ee45d
|
@ -57,20 +57,6 @@ input.toggle-control:checked ~ .modal.toggle-content {
|
||||||
content: '\e9d7';
|
content: '\e9d7';
|
||||||
}
|
}
|
||||||
|
|
||||||
/* progress update */
|
|
||||||
.progress-update {
|
|
||||||
padding: 0 0.5rem;
|
|
||||||
}
|
|
||||||
.progress-update.is-small,
|
|
||||||
.progress-update input.is-small {
|
|
||||||
font-size: 0.75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-update input {
|
|
||||||
width: 3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* --- BOOK COVERS --- */
|
/* --- BOOK COVERS --- */
|
||||||
.cover-container {
|
.cover-container {
|
||||||
height: 250px;
|
height: 250px;
|
||||||
|
|
|
@ -1,5 +1,7 @@
|
||||||
<div class="progress-update is-small">
|
<div class="field is-grouped is-small px-2">
|
||||||
on page
|
<div class="control">on page</div>
|
||||||
<input class="is-small" type="text" size="3">
|
<div class="control">
|
||||||
of
|
<input class="input is-small" type="text" size="3">
|
||||||
|
</div>
|
||||||
|
<div class="control">of 100</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue