From 9fc92cfbcdd0223b44545f835b02bf845116d14b Mon Sep 17 00:00:00 2001 From: Tanyalak Date: Wed, 5 Apr 2023 16:56:04 +0700 Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20FullCale?= =?UTF-8?q?ndar=20=E0=B9=81=E0=B8=A5=E0=B8=B0=E0=B8=AB=E0=B8=B1=E0=B8=A7?= =?UTF-8?q?=E0=B8=82=E0=B9=89=E0=B8=AD=E0=B8=9B=E0=B9=81=E0=B8=95=E0=B9=88?= =?UTF-8?q?=E0=B8=A5=E0=B8=B0=E0=B8=AB=E0=B8=99=E0=B9=89=E0=B8=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- cms/src/app.html | 2 + cms/src/app.postcss | 51 +++++ .../lib/components/ActivityCalendar.svelte | 9 +- cms/src/lib/components/Footer.svelte | 8 + cms/src/lib/components/FullCalendar.svelte | 3 + cms/src/lib/components/Header.svelte | 14 +- cms/src/routes/+page.svelte | 213 ++++++++++++------ cms/src/routes/competitive/+page.svelte | 29 ++- cms/src/routes/qualifying/+page.svelte | 33 ++- cms/static/images/p1.jpg | Bin 0 -> 119018 bytes cms/static/styles/fullcalendar.css | 87 +++++++ 11 files changed, 352 insertions(+), 97 deletions(-) create mode 100644 cms/static/images/p1.jpg create mode 100644 cms/static/styles/fullcalendar.css diff --git a/cms/src/app.html b/cms/src/app.html index 48bbf3d..e09b908 100644 --- a/cms/src/app.html +++ b/cms/src/app.html @@ -6,9 +6,11 @@ + + กองสรรหาบุคคล %sveltekit.head% diff --git a/cms/src/app.postcss b/cms/src/app.postcss index cf2690b..a9f59b2 100644 --- a/cms/src/app.postcss +++ b/cms/src/app.postcss @@ -28,4 +28,55 @@ } } + .p-one{ + background-image: linear-gradient(to top,rgba(71, 85, 105, 0.647),rgba(67, 84, 107, 0.807)),url('/images/p1.jpg'); + } + .parallax-inner{ + position:relative; + min-height: 130px; + background-position: top center; + background-attachment: fixed; + background-size: cover; + } + .parallax-inner > h2{ + color: #fff; + text-transform: uppercase; + letter-spacing: 5px; + position: absolute; + top: 50%; + left: 0; + margin-top: -20.5px; + width: 100%; + text-align: center; + font-weight: 500; + } + .breadTaxt{ + font-weight: 300; + letter-spacing: 2px; + } + + body { + overflow: overlay; + } + /* custom scrollbar */ + ::-webkit-scrollbar { + width: 20px; + height: 20px; + } + + ::-webkit-scrollbar-track { + background-color: transparent !important; + -webkit-box-shadow: none; + } + + ::-webkit-scrollbar-thumb { + background-color: #d6dee1; + border-radius: 20px; + border: 6px solid transparent; + background-clip: content-box; + } + + ::-webkit-scrollbar-thumb:hover { + background-color: #a8bbbf; + } } diff --git a/cms/src/lib/components/ActivityCalendar.svelte b/cms/src/lib/components/ActivityCalendar.svelte index e9ecfc5..236abbe 100644 --- a/cms/src/lib/components/ActivityCalendar.svelte +++ b/cms/src/lib/components/ActivityCalendar.svelte @@ -6,13 +6,16 @@ let calendarRef; export let events:CalendarEvent[] let options = { + themeSystem: 'bootstrap5', initialView: 'dayGridMonth', plugins: [daygridPlugin], locale: 'th', - headerToolbar: { - start: 'prev,next', - center: 'title' + headerToolbar: { + left: 'title', + center: '', + right: 'prev,next today' }, + contentHeight:"auto", selectable: true, buttonText: { diff --git a/cms/src/lib/components/Footer.svelte b/cms/src/lib/components/Footer.svelte index 024f1a7..ad93671 100644 --- a/cms/src/lib/components/Footer.svelte +++ b/cms/src/lib/components/Footer.svelte @@ -59,6 +59,7 @@ กองสรรหาบุคคล @@ -67,6 +68,7 @@ กองพัฒนาระบบราชการ @@ -75,6 +77,7 @@ กองอัตรากำลัง @@ -83,6 +86,7 @@ กองทะเบียนประวัติข้าราชการ @@ -100,6 +104,7 @@ กรุงเทพมหานคร @@ -108,6 +113,7 @@ สนป.กทม./กองการเจ้าหน้าที่ @@ -116,6 +122,7 @@ สำนักการศึกษา กทม. @@ -124,6 +131,7 @@ สำนักงาน ก.พ. diff --git a/cms/src/lib/components/FullCalendar.svelte b/cms/src/lib/components/FullCalendar.svelte index facf18c..03ea977 100644 --- a/cms/src/lib/components/FullCalendar.svelte +++ b/cms/src/lib/components/FullCalendar.svelte @@ -53,3 +53,6 @@
+ \ No newline at end of file diff --git a/cms/src/lib/components/Header.svelte b/cms/src/lib/components/Header.svelte index c18783b..70f1b10 100644 --- a/cms/src/lib/components/Header.svelte +++ b/cms/src/lib/components/Header.svelte @@ -1,4 +1,4 @@ -
+
@@ -13,6 +13,7 @@
กองสรรหาบุคคล @@ -28,11 +29,11 @@ -