techit/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change layout class

Browse Source
This commit is contained in:
Techit Thawiang
2025-10-01 20:05:16 +07:00
parent 00c6d873e9
commit 4184918a5d
11 changed files with 46 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/posts/[...slug].vue
+8 -4
View File
@@ -1,14 +1,18 @@
<template>
<main>
<article class="article">
<section class="web-hero-post web-hero-bg relative bg-cover bg-center" :style="`background-image: url('${baseUrl + '/portal/f/assets/' + post?.coverImage}');`" aria-labelledby="hero" aria-describedby="hero-desc">
<div class="absolute inset-0 bg-(--color-deep-semidark)/80"></div>
<section class="web-section" aria-labelledby="hero" aria-describedby="hero-desc">
<section class="max-w-6xl mx-auto z-[1]">
<h1 id="hero" class="font-hero">{{ post?.title }}</h1>
<p id="hero-desc" class="font-hero-desc">{{ post?.description }}</p>
<div class="post-cover">
<section class="w-full">
<p id="hero-desc" class="font-hero-desc">{{ post?.description }}</p>
</section>
<img :width="512" class="max-w-[55%] aspect-[4/3] w-full object-cover" :src="baseUrl + '/portal/f/assets/' + post?.coverImage" />
</div>
</section>
</section>
<section class="web-section web-section-narrow" aria-labelledby="post-content" aria-describedby="post-content-desc">
<section class="web-section web-section" aria-labelledby="post-content" aria-describedby="post-content-desc">
<div class="prose">
<ContentRenderer v-if="post" :value="post"/>
</div>
pages/posts/index.vue
+1 -1
View File
@@ -1,7 +1,7 @@
<template>
<main>
<article class="article">
<section class="web-hero" aria-labelledby="hero" aria-describedby="hero-desc">
<section class="web-section" aria-labelledby="hero" aria-describedby="hero-desc">
<h1 id="hero" class="font-hero">Posts</h1>
<p id="hero-desc" class="font-hero-desc">This is where I post my thoughts, articles, and updates.</p>
</section>