Filter layout small (#2458)

* improve feed layout on small screens

* improve feed layout on small screens
This commit is contained in:
Robert Kleinschuster
2023-05-26 17:30:44 +02:00
committed by GitHub
parent ab991b4df2
commit 9b5f9e1440
4 changed files with 46 additions and 39 deletions

View File

@@ -1,14 +1,12 @@
<template>
<h1 class="font-bold text-center" v-t="'titles.history'" />
<div class="flex">
<div>
<button class="btn" v-t="'actions.clear_history'" @click="clearHistory" />
<div class="flex md:items-center gap-2 flex-col md:flex-row">
<button class="btn" v-t="'actions.clear_history'" @click="clearHistory" />
<button class="btn mx-3" v-t="'actions.export_to_json'" @click="exportHistory" />
</div>
<button class="btn" v-t="'actions.export_to_json'" @click="exportHistory" />
<div class="right-1">
<div class="ml-auto flex gap-1 items-center">
<SortingSelector by-key="watchedAt" @apply="order => videos.sort(order)" />
</div>
</div>