Mirrored_Repos/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2026-03-29 11:56:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix for theme switching.

Browse Source 
Closes #4175
Closes #4177
This commit is contained in:
Kavin
2026-03-28 11:41:16 +05:30
parent 9a05e3991e
commit 2386d728e6
4 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.css
View File

@@ -1,5 +1,7 @@
@import "tailwindcss";
@custom-variant dark (&:where(.dark, .dark *));
@theme {
--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

8
src/components/ChaptersBar.vue
View File

@@ -38,7 +38,7 @@
@click="$emit('seek', chapter.start)"
>
<span class="w-5 shrink-0 text-center text-xs" v-text="index + 1" />
<img class="h-10 w-16 shrink-0 rounded object-cover" :src="chapter.image" :alt="chapter.title" />
<img class="h-10 w-16 shrink-0 rounded-sm object-cover" :src="chapter.image" :alt="chapter.title" />
<div class="flex min-w-0 flex-col">
<span class="truncate text-sm" :title="chapter.title" v-text="chapter.title" />
<span class="text-xs font-bold text-blue-500" v-text="timeFormat(chapter.start)" />
@@ -53,13 +53,13 @@
<div
v-for="(chapter, index) in chapters"
:key="chapter.start"
class="w-32 flex-none cursor-pointer rounded p-1"
class="w-32 flex-none cursor-pointer rounded-sm p-1"
:class="{ 'bg-red-500/50': isCurrentChapter(index) }"
@click="$emit('seek', chapter.start)"
>
<img class="aspect-video w-full rounded object-cover" :src="chapter.image" :alt="chapter.title" />
<img class="aspect-video w-full rounded-sm object-cover" :src="chapter.image" :alt="chapter.title" />
<div class="mt-1 px-0.5">
<span class="line-clamp-2 text-xs leading-tight" :title="chapter.title" v-text="chapter.title" />
<span class="line-clamp-2 text-xs/tight" :title="chapter.title" v-text="chapter.title" />
<span class="text-xs font-bold text-blue-500" v-text="timeFormat(chapter.start)" />
</div>
</div>

5
src/components/NavBar.vue
View File

@@ -147,7 +147,6 @@ import ClearButton from "./ui/ClearButton.vue";
import hotkeys from "hotkeys-js";
import { fetchJson, authApiUrl, getAuthToken } from "@/composables/useApi.js";
import { getPreferenceBoolean, getPreferenceString } from "@/composables/usePreferences.js";
import { getHomePage } from "@/composables/useMisc.js";
const router = useRouter();
const route = useRoute();
@@ -158,9 +157,10 @@ const searchSuggestions = ref(null);
const searchText = ref("");
const suggestionsVisible = ref(false);
const showTopNav = ref(false);
const homePagePath = ref(import.meta.env.BASE_URL);
const registrationDisabled = ref(false);
const homePagePath = import.meta.env.BASE_URL;
const shouldShowLogin = computed(() => {
return getAuthToken() == null;
});
@@ -253,7 +253,6 @@ onMounted(() => {
fetchAuthConfig();
updateSearchTextFromURLSearchParams();
focusOnSearchBar();
homePagePath.value = getHomePage();
});
</script>

3
src/router/router.js
View File

@@ -1,10 +1,11 @@
import { createRouter, createWebHistory } from "vue-router";
import { getHomePage } from "@/composables/useMisc.js";
const routes = [
{
path: "/",
name: "Home",
component: () => import("../components/TrendingPage.vue"),
redirect: () => getHomePage() ?? "/trending",
},
{
path: "/trending",