1
0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-21 21:33:18 +01:00

Switch to unplugin-icons for icons

The following icons are used:
Material Design Light
- Chevron Left (Hide Sidebar)
- Chevron Right (Show Sidebar)
- Chevron Double Down (Page Down)
- Magnify (Search)
- Cog (Settings)

Octicon
- Trash 24 (Clear Logs)
- Download 24 (Download Logs)
- Container 24 (Container Listing)

CoreUI Free
- Columns (Pin as Column)
This commit is contained in:
Coteh
2021-11-06 22:11:09 -04:00
parent b01020dc0e
commit 07d3176178
13 changed files with 245 additions and 150 deletions

View File

@@ -13,8 +13,13 @@
<div class="is-scrollbar-notification">
<transition name="fade">
<button class="button" :class="hasMore ? 'has-more' : ''" @click="scrollToBottom('instant')" v-show="paused">
<icon name="chevrons-down"></icon>
<button
class="button pl-1 pr-1"
:class="hasMore ? 'has-more' : ''"
@click="scrollToBottom('instant')"
v-show="paused"
>
<chevron-double-down-icon />
</button>
</transition>
</div>
@@ -22,8 +27,8 @@
</template>
<script>
import Icon from "./Icon";
import ScrollProgress from "./ScrollProgress";
import ChevronDoubleDownIcon from "~icons/mdi-light/chevron-double-down";
export default {
props: {
@@ -33,8 +38,8 @@ export default {
},
},
components: {
Icon,
ScrollProgress,
ChevronDoubleDownIcon,
},
name: "ScrollableView",
data() {