unclear what this was, saving this so I can wipe the local version of this project

2025-06-12 16:46:06 -04:00
1 changed files with 0 additions and 60 deletions
--- a/src/components/Favorite_Channels.vue
+++ b/src/components/Favorite_Channels.vue
@ -1,60 +0,0 @@
 <template>
    <div class="favtable">
        <h3>High Priority Videos</h3>
        <div class="grid-x large-up-6">
            <div v-for="video in Videos" :key="video.ID" class="cell">
                <div class="card ytcard">
                    <a :href="video.URL"><img :src="video.Thumbnail"></a>
                    <div class="card-section description">
                        <div class="descriptiontitle">{{ video.Title }}</div>
                        <div class="descriptionchannel">{{ video.Channel }}</div>
                    </div>
                </div>
            </div>
        </div >
    </div>
 </template>
 <script lang="ts">
 import Vue, {PropOptions} from "vue";
 import * as Dyt from "../dumbyt";
 // Vue class for keeping state of the videos.
 export default Vue.extend({
    props: {
        Videos: {
            type: Array,
        } as PropOptions<Dyt.Video[]>,
    },
    mounted() {
    }
 });
 </script>
 <style scoped>
    .ytcard {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background-color:#ddd9d4;
        margin: 6px 2px 6px;
    }
    .description {
        padding: 7px 5px 7px;
    }
    .descriptiontitle {
        font-size: 14px;
        padding-bottom:10px;
    }
    .descriptionchannel {
        font-size: 10px;
        text-align: right;
    }
    .favtable h3 {
        margin-left: 5rem;
    }
 </style>