Merge branch 'main' of https://github.com/rt4914/KlinicCon-Frontend i…

…nto 30-feature-request-ui-add-loginsignup-modal
rt4914 · Oct 13, 2024 · c80bd11 · c80bd11
2 parents 701d1c1 + c3b72be
commit c80bd11
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 6 deletions.
diff --git a/.github/ISSUE_TEMPLATE/1_bug_report_form.yml b/.github/ISSUE_TEMPLATE/1_bug_report_form.yml
@@ -1,6 +1,6 @@
 name: Bug Report
 description: Mention details of what this bug is
-title: "Fix #4: Adds Issue Template"
+title: [BUG]:
 body:
   - type: markdown
     attributes:

diff --git a/src/App.jsx b/src/App.jsx
@@ -1,8 +1,10 @@
 const App = () => {
   return (
-    <>
-      <h1 className="underline p-4">Hello World!</h1>
-    </>
+    <div>
+      <h1 className="text-orange bg-brown text-4xl font-bold">
+        Welcome to KlinicCon App
+      </h1>
+    </div>
   );
 };
 

diff --git a/src/components/SocialLink.jsx b/src/components/SocialLink.jsx
@@ -5,7 +5,7 @@ import PropTypes from "prop-types";
 const SocialLink = ({ icon, href, text }) => {
   return (
     <div>
-      <Link to={href}>
+      <Link to={href} target="_blank">
         <div
           className={`border border-black rounded-full 
           flex justify-center items-center hover:bg-black hover:text-white w-12 h-12`}

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,3 +1,5 @@
+const defaultColors = require('tailwindcss/colors');
+
 /** @type {import('tailwindcss').Config} */
 export default {
   content: [
@@ -6,7 +8,18 @@ export default {
     "./.storybook/**/*.{js,jsx,ts,tsx}",
   ],
   theme: {
-    extend: {},
+    extend: {
+      colors: {
+        ...defaultColors,
+        'orange': {
+          DEFAULT: '#ff6725',
+          'dark': '#ff3f25',
+          'light': '#fef7f3',
+        },
+        'brown': '#453a34',
+        'green': '#00b579',
+      },
+    },
   },
   plugins: [],
 };