Update SubscriptionsPage.vue

This commit is contained in:
Dragos 2022-09-05 20:48:05 +03:00 committed by GitHub
parent 5dcc36bed7
commit c27c23fb93
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,9 +1,7 @@
<template> <template>
<h1 class="font-bold text-center my-4" v-t="'titles.subscriptions'" />
<div class="flex justify-between w-full"> <div class="flex justify-between w-full">
<div class="flex"> <div class="flex">
<button class="btn mx-1"> <button class="btn mr-2">
<router-link to="/import" v-t="'actions.import_from_json'" /> <router-link to="/import" v-t="'actions.import_from_json'" />
</button> </button>
<button class="btn" @click="exportHandler" v-t="'actions.export_to_json'" /> <button class="btn" @click="exportHandler" v-t="'actions.export_to_json'" />
@ -16,8 +14,8 @@
<div class="mb-3" v-for="subscription in subscriptions" :key="subscription.url"> <div class="mb-3" v-for="subscription in subscriptions" :key="subscription.url">
<div class="flex justify-center place-items-center"> <div class="flex justify-center place-items-center">
<div class="w-full flex justify-between items-center"> <div class="w-full flex justify-between items-center">
<router-link :to="subscription.url" class="flex text-center font-bold text-4xl"> <router-link :to="subscription.url" class="pp-import-channel flex font-bold">
<img :src="subscription.avatar" class="rounded-full h-[fit-content]" width="48" height="48" /> <img :src="subscription.avatar" width="48" height="48" />
<span class="mx-2" v-text="subscription.name" /> <span class="mx-2" v-text="subscription.name" />
</router-link> </router-link>
<button <button