search

vdeksne / Women-s-Network

MIT License
1 stars 0 forks source link

Toggle not working | Blogs.vue #2

Closed vdeksne closed 2 months ago

vdeksne commented 2 months ago
vdeksne commented 2 months ago
Screenshot 2024-06-18 at 16 34 22
vdeksne commented 2 months ago

Fixed. @BlogCards.vue

<template>
  <div class="blog-card">
    <div v-show="editPost" class="icons">
      <div @click="editBlog" class="icon">
        <Edit class="edit" />
      </div>

      <div @click="deletePost" class="icon">
        <Delete class="delete" />
      </div>
    </div>

    <!-- Directly bind the Firebase Storage URL to the src attribute -->
    <img :src="post.blogCoverPhoto" alt="Blog cover photo" />

    <div class="info">
      <h4>{{ post.blogTitle }}</h4>
      <h6>Posted on: {{ post.blogDate }}</h6>
      <router-link class="link" to="#">
        View the Post
        <Arrow class="arrow" />
      </router-link>
    </div>
  </div>
</template>