ghaem/vue-navbar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove the gradient box and added a picture instead

Browse Source
This commit is contained in:
ghaemaghaey
2025-12-13 11:37:06 +03:30
parent 21998089fe
commit 69cb78ab92
2 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/pic.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

7
src/components/navbar.vue
View File

@@ -86,10 +86,8 @@
Not yet i {{ selecteddata }} Not yet i {{ selecteddata }}
</p> </p>
</div> </div>
<div <div class="w-60 h-45 object-fill">
class="w-60 rounded-xl grayscale-25 h-45 bg-linear-to-r from-amber-500 to-blue-500" <img :src="pic" class="rounded-xl" alt="" />
>
Nothing
</div> </div>
</div> </div>
</div> </div>
@@ -97,6 +95,7 @@
</div> </div>
</template> </template>
<script setup> <script setup>
import pic from "/public/pic.jpg";
import { nextTick, ref } from "vue"; import { nextTick, ref } from "vue";
const selecteddata = ref("Product"); const selecteddata = ref("Product");
const hoverd = ref(false); const hoverd = ref(false);