1
0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-25 14:59:26 +01:00

Updates settings page

This commit is contained in:
Amir Raminfar
2020-11-19 16:12:33 -08:00
parent 5f0cdee76c
commit fcc34e954e

View File

@@ -17,33 +17,15 @@
</span>
</div>
</section>
<section class="section">
<div class="has-underline">
<h2 class="title is-4">Display</h2>
</div>
<div class="item">
<b-switch v-model="search">
Enable searching with Dozzle using <code>command+f</code> or <code>ctrl+f</code>
</b-switch>
</div>
<div class="item">
<b-switch v-model="smallerScrollbars"> Use smaller scrollbars </b-switch>
</div>
<div class="item">
<b-switch v-model="showTimestamp"> Show timestamps </b-switch>
</div>
<div class="item">
<b-switch v-model="showAllContainers"> Show stopped containers </b-switch>
</div>
<div class="item">
<b-switch v-model="lightTheme"> Use light theme </b-switch>
</div>
<div class="item">
By default, Dozzle will use your browser's locale to format time. You can force to 12 or 24 hour style.
<br />
<br />
<b-field>
<b-radio-button v-model="hourStyle" native-value="auto">
<span>Auto</span>
@@ -57,6 +39,12 @@
<span>24 hour</span>
</b-radio-button>
</b-field>
<div class="item">
<b-switch v-model="smallerScrollbars"> Use smaller scrollbars </b-switch>
</div>
<div class="item">
<b-switch v-model="showTimestamp"> Show timestamps </b-switch>
</div>
</div>
<div class="item">
@@ -88,6 +76,25 @@
</div>
</div>
</section>
<section class="section">
<div class="has-underline">
<h2 class="title is-4">Options</h2>
</div>
<div class="item">
<b-switch v-model="search">
Enable searching with Dozzle using <code>command+f</code> or <code>ctrl+f</code>
</b-switch>
</div>
<div class="item">
<b-switch v-model="showAllContainers"> Show stopped containers </b-switch>
</div>
<div class="item">
<b-switch v-model="lightTheme"> Use light theme </b-switch>
</div>
</section>
</div>
</template>