TeamPiped-mirror
/
Piped
mirror of https://github.com/TeamPiped/Piped.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Convert inline style css to classes.

This commit is contained in:
FireMasterK 2022-01-12 11:59:50 +00:00
parent fb3ac51cd8
commit 05d7853ef0
No known key found for this signature in database
GPG Key ID: 49451E4482CC5BCD
6 changed files with 26 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/App.vue
View File

@ -134,7 +134,16 @@ b {
.input,
.select,
.btn {
@apply w-auto h-8 text-gray-600 bg-gray-300;
@apply w-auto text-gray-600 bg-gray-300;
}
.input,
.select {
@apply h-8;
}
.btn {
@apply h-full;
}
.checkbox {

2
src/components/ErrorHandler.vue
View File

@ -1,7 +1,7 @@
<template>
<p v-text="message" />
<button @click="toggleTrace" class="btn" v-text="$t('actions.show_more')" />
<p ref="stacktrace" style="white-space: pre-wrap" hidden v-text="error" />
<p ref="stacktrace" class="whitespace-pre-wrap" hidden v-text="error" />
</template>
<script>

6
src/components/FeedPage.vue
View File

@ -1,13 +1,13 @@
<template>
<h1 v-t="'titles.feed'" class="font-bold text-center" />
<button v-if="authenticated" class="btn" style="margin-right: 0.5rem" @click="exportHandler">
<router-link to="/subscriptions"> Subscriptions </router-link>
<button v-if="authenticated" class="btn mr-2" @click="exportHandler">
<router-link to="/subscriptions">Subscriptions</router-link>
</button>
<span>
<a :href="getRssUrl">
<font-awesome-icon icon="rss" style="padding-top: 0.2rem" />
<font-awesome-icon icon="rss" />
</a>
</span>

12
src/components/HistoryPage.vue
View File

@ -1,12 +1,14 @@
<template>
<h1 class="font-bold text-center" v-text="$t('titles.history')" />
<div style="text-align: left">
<button class="btn" v-t="'actions.clear_history'" @click="clearHistory" />
</div>
<div class="flex">
<div>
<button class="btn" v-t="'actions.clear_history'" @click="clearHistory" />
</div>
<div style="text-align: right">
<Sorting by-key="watchedAt" @apply="order => videos.sort(order)" />
<div class="right-1">
<Sorting by-key="watchedAt" @apply="order => videos.sort(order)" />
</div>
</div>
<hr />

3
src/components/SearchResults.vue
View File

@ -9,7 +9,6 @@
v-model="selectedFilter"
default="all"
class="select w-auto"
style="height: 100%"
@change="updateResults()"
>
<option v-for="filter in availableFilters" :key="filter" :value="filter" v-text="filter.replace('_', ' ')" />
@ -31,7 +30,7 @@
<div v-if="!shouldUseVideoItem(result)" class="uk-text-secondary">
<router-link :to="result.url">
<div class="relative">
<img style="width: 100%" :src="result.thumbnail" loading="lazy" />
<img class="w-full" :src="result.thumbnail" loading="lazy" />
</div>
<p>
<span v-text="result.name" />

10
src/components/VideoItem.vue
View File

@ -5,14 +5,12 @@
<div class="relative text-sm">
<span
v-if="video.duration"
class="thumbnail-overlay bottom-5px right-5px"
style="padding: 0 5px"
class="thumbnail-overlay bottom-5px right-5px px-5px"
v-text="timeFormat(video.duration)"
/>
<span
v-if="video.watched"
class="thumbnail-overlay bottom-5px left-5px"
style="padding: 0 5px"
class="thumbnail-overlay bottom-5px left-5px px-5px"
v-text="$t('video.watched')"
/>
</div>
@ -27,7 +25,7 @@
</div>
</router-link>
<div class="float-right ml-0 mb-0 inline-block">
<div class="float-right m-0 inline-block">
<router-link
:to="video.url + '&listen=1'"
:aria-label="'Listen to ' + video.title"
@ -37,7 +35,7 @@
</router-link>
</div>
<div class="flex" style="flex-flow: row">
<div class="flex">
<router-link :to="video.uploaderUrl">
<img
v-if="video.uploaderAvatar"