RhenCloud/Cloud-Blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix mobile responsive design issue

Browse Source 
Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
This commit is contained in:
nurRiyad
2023-08-05 13:40:31 +06:00
parent f6964bc89d
commit 3852bcc76c
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/blog/Header.vue
View File

@@ -26,7 +26,7 @@ withDefaults(defineProps<Props>(), {
<NuxtImg <NuxtImg
:src="image || ''" :src="image || ''"
:alt="alt || ''" :alt="alt || ''"
class="m-auto rounded-2xl shadow-lg h-32 md:h-72 w-3/6 md:w-4/5 content-center object-cover" class="m-auto rounded-2xl shadow-lg h-32 md:h-72 w-4/6 md:w-4/5 content-center object-cover"
/> />
<p class="text-xs sm:text-sm my-3 max-w-xl mx-auto text-center text-zinc-600"> <p class="text-xs sm:text-sm my-3 max-w-xl mx-auto text-center text-zinc-600">
{{ description }} {{ description }}

2
pages/blogs/[blog].vue
View File

@@ -74,7 +74,7 @@ useHead({
</script> </script>
<template> <template>
<div class="px-6 container max-w-5xl mx-auto grid grid-cols-12 gap-x-12 "> <div class="px-6 container max-w-5xl mx-auto sm:grid grid-cols-12 gap-x-12 ">
<div class="col-span-12 lg:col-span-9"> <div class="col-span-12 lg:col-span-9">
<BlogHeader <BlogHeader
:title="data.title" :title="data.title"