ปรับปฎิทินเพิ่มเติม

This commit is contained in:
Tanyalak 2023-04-05 18:16:31 +07:00
parent 9fc92cfbcd
commit 412c31d023
6 changed files with 80 additions and 24 deletions

View file

@ -7,16 +7,16 @@
font-family: 'Noto Sans Thai', sans-serif;
}
h1 {
@apply text-4xl;
}
h2 {
@apply text-2xl;
}
h2 {
@apply text-xl;
}
ul{
@apply list-disc
@apply list-disc;
}
ol{
@apply list-decimal
@apply list-decimal;
}
.cardxl{
padding-right: 2rem;
@ -41,14 +41,15 @@
.parallax-inner > h2{
color: #fff;
text-transform: uppercase;
letter-spacing: 5px;
letter-spacing: 2px;
position: absolute;
top: 50%;
left: 0;
margin-top: -20.5px;
width: 100%;
text-align: center;
font-weight: 500;
font-weight: 600;
font-size: 1.5rem !important;
}
.breadTaxt{
font-weight: 300;

View file

@ -5,14 +5,38 @@
export let data: PageData;
</script>
<section class="items-start h-screen flex max-h-860-px pt-10 bg-blueGray-100">
<div class="container mx-auto items-start flex flex-wrap px-4">
<div >
{@html data.detail}
<section>
<div class="p-one parallax-inner">
<h2>เกี่ยวกับเรา</h2>
</div>
</section>
<section class="pb-40 relative bg-blueGray-100">
<div class="container mx-auto justify-center flex flex-wrap">
<div class=" bg-blueGray-100 -mt-6 px-5 top-0 bottom-auto absolute z-40 rounded-md" >
<div class="text-sm breadcrumbs">
<ul>
<li class="text-pink-500 hover:text-pink-700 ">
<a href="/" >
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" /></svg>
</a>
</li>
<li>
<span class="breadTaxt">เกี่ยวกับเรา</span>
</li>
</ul>
</div>
</div>
</div>
<div class="container mx-auto items-start flex flex-wrap px-4 pt-11">
<div class="card bg-white shadow-xl w-full p-8">
<div>
{@html data.detail}
</div>
<div class="mt-4">{data.contact.description}</div>
<div class="pt-12">{ver.version}</div>
<div>{ver.builddate}</div>
</div>
<div>{data.contact.description}</div>
<div>{ver.version}</div>
<div>{ver.builddate}</div>
</div>
</section>

View file

@ -33,7 +33,7 @@
<div class="flex flex-wrap items-center">
<div class="relative w-full px-4 max-w-full flex-grow flex-1">
<h3
class="font-semibold text-lg text-blueGray-700'"
class="text-lg text-blueGray-700'"
>
รายการสอบ
</h3>

View file

@ -6,13 +6,16 @@ export const load: PageServerLoad = async () => {
const exams = await getQualifyExams()
const events:CalendarEvent[]=[]
exams.forEach(({id,title,start,institute_id})=>{
let backgroundColor ="#1111EE"
let backgroundColor =""
switch (institute_id) {
case 1:
backgroundColor="#EE1111"
backgroundColor="rgba(251,64,75,.2)"
break;
case 2:
backgroundColor="#11EE11"
backgroundColor="#23ccef"
break;
case 3:
backgroundColor="rgba(68,125,247,.2)"
break;
default:
break;

View file

@ -29,20 +29,20 @@
</div>
</div>
<div class="container mx-auto items-start flex flex-wrap px-4 pt-11">
<div class="w-full lg:w-6/12 cardxl">
<div class="w-full lg:w-7/12 cardxl">
<div class="card bg-white shadow-xl w-full">
<ActivityCalendar {events} />
</div>
</div>
<div class="w-full lg:w-6/12">
<div class="w-full lg:w-5/12">
<div
class=" card bg-white shadow-xl flex flex-col min-w-0 break-words w-full"
class=" card bg-white shadow-xl flex flex-col min-w-0 break-words w-full auto-rows-max"
>
<div class="rounded-t mb-0 px-4 py-3 border-0">
<div class="flex flex-wrap items-center">
<div class="relative w-full px-4 max-w-full flex-grow flex-1">
<h3
class="font-semibold text-lg text-blueGray-700'"
class="text-lg text-blueGray-700'"
>
รายการสอบ
</h3>