made footer more readable

added reciept to pdf thing updated registration to have background and responsive
COMSA-GCOEN · Oct 27, 2022 · bfe0dcb · bfe0dcb
1 parent c7ea68d
commit bfe0dcb
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 17 deletions.
diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
@@ -133,19 +133,19 @@
       </div>
       <!-- Section 1 -->
       <div class="m-auto">
-        <span class="footer-title">Contact Us</span>
+        <span class="footer-title vimh">Contact Us</span>
         <a href="/contact-us" class="btn btn-ghost">Contact Info</a>
         <a href="/legal/pp" class="btn btn-ghost">Teams</a>
       </div>
       <!-- Section 2 -->
       <div class="m-auto">
-        <span class="footer-title">Information</span>
+        <span class="footer-title vimh">Information</span>
         <a href="#about-us" class="btn btn-ghost">About Us</a>
-        <a href="#about-us" class="btn btn-ghost">Out College</a>
+        <a href="#about-us" class="btn btn-ghost">Our College</a>
       </div>
       <!-- Section 3 -->
       <div class="m-auto">
-        <span class="footer-title">Legal</span>
+        <span class="footer-title vimh">Legal</span>
         <a href="/legal/tos" class="btn btn-ghost">Terms & Conditions</a>
         <a href="/legal/pp" class="btn btn-ghost">Privacy policy</a>
       </div>
@@ -176,7 +176,7 @@
 </div>
 
 
-<style>
+<style lang="postcss">
   .backdrop {
     position: fixed;
     top: 0;
@@ -198,6 +198,11 @@
   .bg-footer {
     /* background: linear-gradient(to bottom, rgb(29, 78, 216), rgb(30, 64, 175), rgb(00, 00, 00)) scroll; */
     /* background-attachment: scroll ; */
-    background: rgba(0, 0, 0, 0);
+    background: linear-gradient(to bottom , rgba(14, 21, 37, 0), rgba(14, 21, 37, 0.25), rgba(0, 0, 0, .75) 99%);
+  }
+
+  .footer-title {
+
+    @apply text-white opacity-100 text-lg tracking-wide;
   }
 </style>
diff --git a/src/routes/(app)/m/+page.svelte b/src/routes/(app)/m/+page.svelte
@@ -86,7 +86,7 @@ let is_transparent = true;
   <ScrollDownIndicator />
 {/if}
 
-<style>
+<style lang="postcss">
   .hero-bg {
     background: no-repeat top center;
     background-image: linear-gradient(to top, #00000050, #000000aa), var(--bg-url);

diff --git a/src/routes/(app)/success/[regis_id]/+page.svelte b/src/routes/(app)/success/[regis_id]/+page.svelte
@@ -4,8 +4,8 @@
   export let data: PageData;
 </script>
 
-<div class="pg-container">
-  <h5>Registration Successful!</h5>
+<div class="pg-container px-6">
+  <h5 class="vimh">Registration Successful</h5>
   <div class="svg">
     <!-- <img src="./confirm-icon.svg" class="check-mark"> -->
     <!-- <iconify-icon class="check-mark bg-green-600 rounded-full" width="200px" height="200px" icon="carbon:checkmark-outline"></iconify-icon> -->
@@ -29,7 +29,7 @@
     <div class="info2 w-1/2">
       <p>{data.db.id}</p>
       <p>₹ {data.db.amount / 100}/-</p>
-      <p>{data.db.name}</p>
+      <p class="text-sm whitespace-nowrap leading-8">{data.db.name}</p>
       <p>{data.event?.name}</p>
       <p>{data.db.cf_id}</p>
       <p>+918793150182</p>
@@ -40,11 +40,11 @@
   </div>
   <div class="my-4 p-4">
     <span class="text-sm"
-      >Please keep a screencapture of this screen or remember the registration ID
+      >Please keep a screencapture of this screen or print the reciept using the button below.
     </span>
   </div>
   <div
-    class="my-4 p-4 flex flex-col lg:flex-row self-stretch gap-4 justify-center align-middle items-center"
+    class="p-4 pt-0 flex flex-col lg:flex-row self-stretch gap-4 justify-center align-middle items-center"
   >
     <button  class="btn btn-wide">Back To Home</button><a href="/reciept/{data.db.id}" class="btn btn-wide"
       >Print Reciept</a
@@ -61,12 +61,12 @@
     /* height: 100vh; */
     /* width: 100vw; */
     /* background-color: ; */
-    @apply container;
+    @apply bg-base-300 m-auto mt-20 rounded-xl pt-4;
   }
   .pg-container h5 {
-    margin-top: 5rem;
+    margin-top: 1.5rem;
     margin-bottom: 3rem;
-    font-family: monospace;
+    /* font-family: monospace; */
     @apply lg:text-4xl md:text-2xl text-xl;
   }
   .svg {

diff --git a/src/routes/(print)/reciept/[regis_id]/+page.svelte b/src/routes/(print)/reciept/[regis_id]/+page.svelte
@@ -7,8 +7,8 @@
     import Logo from '$lib/assets/logo.png';
     onMount(() => {
         setTimeout(() => {
-            // window.print();
-            // window.history.back();
+            window.print();
+            window.history.back();
         }, 1000)
     })
 </script>