♻️ Move from .vue files to Lucide for icons

This commit is contained in:
2023-06-04 00:08:30 +02:00
parent 7b04760a7d
commit 1ad6fc5e3a
18 changed files with 27 additions and 204 deletions

View File

@@ -1,7 +1,5 @@
<script setup>
import CalendarIcon from "./icons/calendar-icon.vue";
import BellIcon from "./icons/bell-icon.vue";
import ClockIcon from "./icons/clock-icon.vue";
import { CalendarIcon, BellIcon, ClockIcon } from "lucide-vue-next";
import { RouterLink } from "vue-router";
</script>
@@ -9,19 +7,19 @@ import { RouterLink } from "vue-router";
<div class="bottomnav">
<div class="entry">
<RouterLink to="/timetable">
<CalendarIcon class="icon" />
<CalendarIcon size="30" class="icon" />
<span class="title">{{ $t("title.timetable") }}</span>
</RouterLink>
</div>
<div class="entry">
<RouterLink to="/substitutions">
<BellIcon class="icon" />
<BellIcon size="30" class="icon" />
<span class="title">{{ $t("title.substitutions") }}</span>
</RouterLink>
</div>
<div class="entry">
<RouterLink to="/history">
<ClockIcon class="icon" />
<ClockIcon size="30" class="icon" />
<span class="title">{{ $t("title.history") }}</span>
</RouterLink>
</div>