Add back link to course pages

liara-cloud · Nov 7, 2023 · 1bfb485 · 1bfb485
1 parent 6c99a3e
commit 1bfb485
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 0 deletions.
diff --git a/pages/tv/courses/django.js b/pages/tv/courses/django.js
@@ -2,6 +2,7 @@ import React, { Fragment, useState } from "react";
 import Layout from "../../../components/Layout";
 import Head from "next/head";
 import { Dialog, Section } from "..";
+import Link from "next/link";
 
 const INIT_OPEN_DIALOG = { isOpen: false, src: "" };
 
@@ -13,6 +14,16 @@ const Django = () => {
       <Head>
         <title>مستندات - آموزش استفاده از لیارا</title>
       </Head>
+
+      <button
+        style={{ background: "#cccccc11" }}
+        className="mb-2 py-1 px-4 rounded-md"
+      >
+        <Link id="init-a" href={"/tv"}>
+          <span>بازگشت</span>
+        </Link>
+      </button>
+
       <img
         style={{ borderColor: "#ffffff22", marginLeft: 20 }}
         src="/static/course/django.png"

diff --git a/pages/tv/courses/laravel.js b/pages/tv/courses/laravel.js
@@ -2,6 +2,7 @@ import React, { Fragment, useState } from "react";
 import Layout from "../../../components/Layout";
 import Head from "next/head";
 import { Dialog, Section } from "..";
+import Link from "next/link";
 
 const INIT_OPEN_DIALOG = { isOpen: false, src: "" };
 
@@ -14,6 +15,15 @@ const Laravel = () => {
         <title>مستندات - آموزش استفاده از لیارا</title>
       </Head>
 
+      <button
+        style={{ background: "#cccccc11" }}
+        className="mb-2 py-1 px-4 rounded-md"
+      >
+        <Link id="init-a" href={"/tv"}>
+          <span>بازگشت</span>
+        </Link>
+      </button>
+
       <img
         style={{ borderColor: "#ffffff22", marginLeft: 20 }}
         src="/static/course/laravel.png"

diff --git a/pages/tv/courses/node.js b/pages/tv/courses/node.js
@@ -2,6 +2,7 @@ import React, { Fragment, useState } from "react";
 import Layout from "../../../components/Layout";
 import Head from "next/head";
 import { Dialog, Section } from "..";
+import Link from "next/link";
 
 const INIT_OPEN_DIALOG = { isOpen: false, src: "" };
 
@@ -14,6 +15,15 @@ const Node = () => {
         <title>مستندات - آموزش استفاده از لیارا</title>
       </Head>
 
+      <button
+        style={{ background: "#cccccc11" }}
+        className="mb-2 py-1 px-4 rounded-md"
+      >
+        <Link id="init-a" href={"/tv"}>
+          <span>بازگشت</span>
+        </Link>
+      </button>
+
       <img
         style={{ borderColor: "#ffffff22", marginLeft: 20 }}
         src="/static/course/nodejs.png"

diff --git a/styles/layout.css b/styles/layout.css
@@ -739,6 +739,12 @@ div.footer-animate-lines {
   border-bottom: 1px solid #374151;
 }
 
+#init-a {
+  color: white;
+  font-weight: 300;
+  border-bottom: none !important;
+}
+
 /* zoom image */
 
 .medium-zoom--opened .medium-zoom-overlay {