Skip to content

Commit 8e9abfc

Browse files
vyue013vyue013
authored
Merge pull request #34 from oslabs-beta/emma/appLayoutRedesign
Emma/AppLayoutRedesign
2 parents a67e813 + bb025c1 commit 8e9abfc

24 files changed

+452
-242
lines changed

‎index.html

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -27,12 +27,9 @@
2727
</head>
2828
<body
2929
id="body"
30-
class="dark bg-[#fffefd] transition-colors duration-500 dark:bg-gray-900"
30+
class="bg-background text-black transition-colors duration-500 dark:bg-primary dark:text-white"
3131
>
32-
<div
33-
id="root"
34-
class="bg-inherit transition-colors duration-500 dark:bg-gray-900"
35-
></div>
32+
<div id="root"></div>
3633
<script type="module" src="./src/index.tsx"></script>
3734
</body>
3835
</html>

‎src/assets/contributors/Emma.jpeg

107 KB
Loading

‎src/assets/contributors/Reva.png

80.3 KB
Loading

‎src/assets/contributors/Roshumba.png

1010 KB
Loading

‎src/assets/contributors/Vicky.jpg

162 KB
Loading

‎src/assets/contributors/Yihe.jpg

2.78 MB
Loading

‎src/assets/sidebarCloseBlack.svg

Lines changed: 8 additions & 0 deletions
Loading

‎src/assets/sidebarOpenBlack.svg

Lines changed: 15 additions & 0 deletions
Loading

‎src/components/DBDisplay/FeatureTab.tsx

Lines changed: 29 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ import React, { useState, useRef } from 'react';
33
import axios, { AxiosResponse } from 'axios';
44
import { NavLink, useNavigate } from 'react-router-dom';
55
import { useNavStore } from '../../store/navStore';
6+
import { useModalStore } from '../../store/useModalStore';
67

78
// Functions imported:
89
import parseSql from '../../parse';
@@ -38,6 +39,8 @@ import DeleteDbModal from '../Modals/DeleteDbModal';
3839
export default function FeatureTab(props: any) {
3940
// dbSpy 8.0: get the state store in Zustand
4041
const toggleClicked = useNavStore((state) => state.toggleClicked);
42+
const { openQueryModal, closeQueryModal, queryModalOpened } = useModalStore();
43+
4144
const navigate = useNavigate();
4245

4346
//STATE DECLARATION (dbSpy3.0)
@@ -54,11 +57,9 @@ export default function FeatureTab(props: any) {
5457
);
5558
const { user } = useCredentialsStore((state: any) => state);
5659

57-
const { setWelcome, isSchema, setDBName } = useSettingsStore(
58-
(state) => state
59-
);
60+
const { setWelcome, isSchema, setDBName } = useSettingsStore((state) => state);
6061
const [action, setAction] = useState(new Array());
61-
const [queryModalOpened, setQueryModalOpened] = useState(false);
62+
// const [queryModalOpened, setQueryModalOpened] = useState(false);
6263
const [saveDbNameModalOpened, setSaveDbNameModalOpened] = useState(false);
6364
const [loadDbModalOpened, setLoadDbModalOpened] = useState(false);
6465
const [deleteDbModalOpened, setDeleteDbModalOpened] = useState(false);
@@ -145,13 +146,13 @@ export default function FeatureTab(props: any) {
145146
setWelcome(false);
146147
};
147148

148-
// Export QueryModal
149-
const openQueryModal = () => {
150-
setQueryModalOpened(true);
151-
};
152-
const closeQueryModal = () => {
153-
setQueryModalOpened(false);
154-
};
149+
// // Export QueryModal
150+
// const openQueryModal = () => {
151+
// setQueryModalOpened(true);
152+
// };
153+
// const closeQueryModal = () => {
154+
// setQueryModalOpened(false);
155+
// };
155156

156157
//SaveDbNameModal - dbSpy 7.0
157158
const openSaveDbNameModal = () => {
@@ -313,8 +314,7 @@ export default function FeatureTab(props: any) {
313314
className="fixed inset-0 z-50 flex hidden items-center justify-center bg-black bg-opacity-50"
314315
>
315316
{/* <!-- Confirm Modal content --> */}
316-
<div className="modal-content w-[30%] min-w-[300px] max-w-[550px] content-center rounded-md border-0 bg-gradient-to-b from-[#f8f4eb] to-transparent bg-opacity-80 shadow-[0px_5px_10px_rgba(0,0,0,0.4)] backdrop-blur-md dark:from-slate-800 dark:to-transparent dark:shadow-[0px_5px_10px_#1e293b]">
317-
317+
<div className="modal-content w-[30%] min-w-[300px] max-w-[550px] content-center rounded-md border-0 bg-opacity-90 bg-gradient-to-b from-[#f8f4eb] to-transparent shadow-[0px_5px_10px_rgba(0,0,0,0.4)] backdrop-blur-md dark:from-slate-800 dark:to-transparent dark:shadow-[0px_5px_10px_#1e293b]">
318318
<p className="mb-4 text-center text-slate-900 dark:text-[#f8f4eb]">
319319
Are you sure you want to proceed? You will lose <strong>ALL</strong> unsaved
320320
changes.
@@ -337,7 +337,7 @@ export default function FeatureTab(props: any) {
337337
</div>
338338
{/* dbSpy 8.0: added toggle button in Navbar to control FeatureTab */}
339339
<div
340-
className={`bg-blue fixed left-0 top-8 z-10 h-full w-64 transition-transform duration-300 ${
340+
className={`bg-blue fixed left-0 top-10 z-10 h-full w-64 transition-transform duration-300 ${
341341
toggleClicked ? '-translate-x-full' : 'translate-x-0'
342342
}`}
343343
>
@@ -399,15 +399,15 @@ export default function FeatureTab(props: any) {
399399

400400
{/* Commented code is for Export Query Button */}
401401
{/* TODO: Add SAVE feature */}
402-
{/* <li>
402+
<li>
403403
<a
404404
onClick={openQueryModal}
405405
className="group flex cursor-pointer items-center rounded-lg p-2 text-sm font-normal text-gray-900 hover:text-yellow-500 hover:underline dark:text-[#f8f4eb] dark:hover:text-yellow-300 "
406406
>
407407
<ExportQueryIcon />
408408
<span className="ml-3 flex-1 whitespace-nowrap">Export Query</span>
409409
</a>
410-
</li> */}
410+
</li>
411411
<br />
412412
{/* ----------- 💙💙💙💙 Edit Tab ------------------------- */}
413413
{/* Adding a Table and its features will be going inside the Main Functionalities from Connect Tab (STRETCH) */}
@@ -475,18 +475,18 @@ export default function FeatureTab(props: any) {
475475
{/* ----------- 💙💙💙💙 Test Tab -------------------------- */}
476476
<p className="text-slate-900 dark:text-[#f8f4eb]">Test</p>
477477
<hr />
478-
{isSchema ? (
479-
<li>
480-
{/* ----- 💙💙 Test New Query Button -------- */}
481-
<NavLink
482-
to="/test-new-query"
483-
className="group flex cursor-pointer items-center rounded-lg p-2 text-sm font-normal text-gray-900 hover:text-yellow-500 hover:underline dark:text-[#f8f4eb] dark:hover:text-yellow-300 "
484-
>
485-
<AddTableIcon />
486-
<span className="ml-3 flex-1 whitespace-nowrap">Test New Query</span>
487-
</NavLink>
488-
</li>
489-
) : null}
478+
479+
<li>
480+
{/* ----- 💙💙 Test New Query Button -------- */}
481+
<NavLink
482+
to="/test-new-query"
483+
className="group flex cursor-pointer items-center rounded-lg p-2 text-sm font-normal text-gray-900 hover:text-yellow-500 hover:underline dark:text-[#f8f4eb] dark:hover:text-yellow-300 "
484+
>
485+
<AddTableIcon />
486+
<span className="ml-3 flex-1 whitespace-nowrap">Test New Query</span>
487+
</NavLink>
488+
</li>
489+
490490
<li>
491491
{/* ----- 💙💙 View Saved Queries Button -------- */}
492492
<NavLink
@@ -542,7 +542,7 @@ export default function FeatureTab(props: any) {
542542

543543
{/* Query Output Modal */}
544544
{/* Sending props to child components. */}
545-
{queryModalOpened ? <QueryModal closeQueryModal={closeQueryModal} /> : null}
545+
{/* {queryModalOpened ? <QueryModal closeQueryModal={closeQueryModal} /> : null} */}
546546
{saveDbNameModalOpened ? (
547547
<DbNameInput closeSaveDbNameModal={closeSaveDbNameModal} />
548548
) : null}

‎src/components/DBDisplay/Sidebar.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -133,7 +133,10 @@ const Sidebar = (props: any) => {
133133
//END: HELPER FUNCTIONS
134134

135135
return (
136-
<form id="dbconnect" className="bg-[#fbf3de] bg-gradient-to-b from-[#f8f4eb] dark:from-sky-800 to-transparent bg-opacity-0">
136+
<form
137+
id="dbconnect"
138+
className="rounded-2xl bg-[#fbf3de] bg-opacity-0 bg-gradient-to-b from-accent to-transparent backdrop-blur-md dark:from-accent"
139+
>
137140
<label className="dark:text-[#f8f4eb]">
138141
<h3>Connect to Database</h3>
139142
</label>

‎src/components/Home/Contributors.tsx

Lines changed: 44 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,11 @@ import MattC from '../../assets/contributors/MattC.jpg';
3131
import MattJ from '../../assets/contributors/Matthew_Jones.jpeg';
3232
import StanH from '../../assets/contributors/Stan.jpg';
3333
import DonM from '../../assets/contributors/DonM.jpg';
34+
import Reva from '../../assets/contributors/Reva.png';
35+
import Vicky from '../../assets/contributors/Vicky.jpg';
36+
import Roshumba from '../../assets/contributors/Roshumba.png';
37+
import Emma from '../../assets/contributors/Emma.jpeg';
38+
import Yihe from '../../assets/contributors/Yihe.jpg';
3439
//for future contributors: add your profile information to the profileList array as an object formatted as shown below, and it will auto-populate the home page with a new profile card
3540

3641
type profileInfo = {
@@ -262,6 +267,41 @@ const profileList: profileInfo[] = [
262267
linkedInUrl: 'https://www.linkedin.com/in/donald-macak-7b6592279/',
263268
githubUrl: 'https://github.com/Donald-Macak',
264269
},
270+
{
271+
imgUrl: Reva,
272+
name: 'Revathy Venkataraman',
273+
title: 'Software Engineer',
274+
linkedInUrl: 'https://www.linkedin.com/in/revavenk',
275+
githubUrl: 'https://github.com/reva2024',
276+
},
277+
{
278+
imgUrl: Vicky,
279+
name: 'Vicky Yue',
280+
title: 'Software Engineer',
281+
linkedInUrl: 'https://www.linkedin.com/in/vickyue/',
282+
githubUrl: 'https://github.com/vyue013',
283+
},
284+
{
285+
imgUrl: Roshumba,
286+
name: 'Roshumba Llewellyn',
287+
title: 'Software Engineer',
288+
linkedInUrl: 'https://www.linkedin.com/in/roshumballewellyn/',
289+
githubUrl: 'https://github.com/roshumba',
290+
},
291+
{
292+
imgUrl: Emma,
293+
name: 'Emma Vargas',
294+
title: 'Software Engineer',
295+
linkedInUrl: 'https://www.linkedin.com/in/emmavargas/',
296+
githubUrl: 'https://github.com/emma-vargas',
297+
},
298+
{
299+
imgUrl: Yihe,
300+
name: 'Yihe Liu',
301+
title: 'Software Engineer',
302+
linkedInUrl: 'https://www.linkedin.com/in/yiheliu',
303+
githubUrl: 'https://github.com/SparrowGecko',
304+
},
265305
];
266306

267307
export default function Contributors() {
@@ -271,12 +311,14 @@ export default function Contributors() {
271311
}
272312

273313
return (
274-
<div className="contributors container mx-auto my-24 px-6">
314+
<div className=" contributors container mx-auto my-24 px-6 dark:bg-primary">
275315
<section className="mb-32 text-center text-gray-800">
276316
<h2 className="team-header mb-32 text-3xl font-bold text-gray-900 dark:text-[#f8f4eb]">
277317
Meet the dbSpy Team
278318
</h2>
279-
<div className="flex flex-row flex-wrap justify-around">{profiles}</div>
319+
<div className="flex flex-row flex-wrap justify-around dark:bg-primary">
320+
{profiles}
321+
</div>
280322
</section>
281323
</div>
282324
);

‎src/components/Home/Profile.tsx

Lines changed: 40 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,53 @@
1-
import React from "react";
1+
import React from 'react';
22

3-
export default function Profile(properties: any){
3+
export default function Profile(properties: any) {
44
const props = properties.props;
55

66
return (
7-
<div className="basis-1/4 profileCard">
8-
<div className="rounded-lg shadow-lg h-full block bg-[#f8f4eb] dark:bg-slate-900 profileDetails">
7+
<div className="profileCard basis-1/4">
8+
<div className="profileDetails block h-full rounded-lg bg-[#f8f4eb] shadow-lg dark:bg-containers">
99
<div className="flex justify-center">
10-
<div className="flex justify-center testing">
11-
<img src={props.imgUrl} className="rounded-full mx-auto shadow-lg profileImg" alt=""/>
10+
<div className="testing flex justify-center">
11+
<img
12+
src={props.imgUrl}
13+
className="profileImg mx-auto rounded-full shadow-lg"
14+
alt=""
15+
/>
1216
</div>
1317
</div>
1418
<div className="p-6">
15-
<h5 className="text-lg font-bold text-slate-900 dark:text-[#f8f4eb] mb-4">{props.name}</h5>
19+
<h5 className="mb-4 text-lg font-bold text-slate-900 dark:text-[#f8f4eb]">
20+
{props.name}
21+
</h5>
1622
<p className="mb-6 text-slate-900 dark:text-[#f8f4eb]">{props.title}</p>
17-
<ul className="list-inside flex mx-auto justify-center">
18-
<a href={props.linkedInUrl} className="px-2">
19-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" className="w-4 h-4 fill-current text-blue-600 dark:text-[#f8f4eb]">
20-
<path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z" />
21-
</svg>
22-
</a>
23-
<a href={props.githubUrl} className="px-2">
24-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" className="w-4 h-4 fill-current text-blue-600 dark:text-[#f8f4eb]">
25-
<path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" />
26-
</svg>
27-
</a>
23+
<ul className="mx-auto flex list-inside justify-center">
24+
<a href={props.linkedInUrl} className="px-2">
25+
<svg
26+
xmlns="http://www.w3.org/2000/svg"
27+
viewBox="0 0 448 512"
28+
className="h-4 w-4 fill-current text-blue-600 dark:text-[#f8f4eb]"
29+
>
30+
<path
31+
fill="currentColor"
32+
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"
33+
/>
34+
</svg>
35+
</a>
36+
<a href={props.githubUrl} className="px-2">
37+
<svg
38+
xmlns="http://www.w3.org/2000/svg"
39+
viewBox="0 0 496 512"
40+
className="h-4 w-4 fill-current text-blue-600 dark:text-[#f8f4eb]"
41+
>
42+
<path
43+
fill="currentColor"
44+
d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
45+
/>
46+
</svg>
47+
</a>
2848
</ul>
2949
</div>
3050
</div>
3151
</div>
32-
)
33-
}
52+
);
53+
}

‎src/components/Modals/DeleteTableModal.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,8 @@ export default function DeleteTableModal({
7777
};
7878
return (
7979
<div id="deleteTableModal" className="input-modal">
80-
<div className="modal-content w-96 rounded-md bg-gradient-to-b from-[#f8f4eb] dark:from-sky-700 to-transparent bg-opacity-80 shadow-[0px_5px_10px_rgba(0,0,0,0.4)] dark:shadow-[0px_5px_10px_#1e293b]">
80+
<div className="absolute inset-0 bg-black/30 backdrop-blur-md"></div>
81+
<div className="modal-content relative z-10 w-96 rounded-md bg-opacity-80 bg-gradient-to-b from-[#f8f4eb] to-transparent shadow-[0px_5px_10px_rgba(0,0,0,0.4)] dark:from-accent dark:shadow-[0px_5px_10px_#1e293b]">
8182
<h2 className="pb-4 text-xl text-slate-900 dark:text-[#f8f4eb]">
8283
Select a table to delete:
8384
</h2>

‎src/components/Modals/InputModal.tsx

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -185,14 +185,15 @@ export default function InputModal({
185185

186186
return (
187187
<div id="inputModal" className="input-modal">
188+
<div className="absolute inset-0 bg-black/30 backdrop-blur-md"></div>
188189
<form
189190
autoComplete="off"
190191
onSubmit={(e) => {
191192
e.preventDefault();
192193
const isSuccessful: boolean = handleSubmit();
193194
if (isSuccessful) closeInputModal();
194195
}}
195-
className="modal-content w-full max-w-[600px] min-w-[400px] rounded-md bg-gradient-to-b from-[#f8f4eb] dark:from-sky-700 to-transparent bg-opacity-80 shadow-[0px_5px_10px_rgba(0,0,0,0.4)] dark:bg-slate-800 dark:shadow-[0px_5px_10px_#1e293b]"
196+
className="modal-content relative z-10 w-full min-w-[400px] max-w-[600px] rounded-md bg-opacity-80 bg-gradient-to-b from-[#f8f4eb] to-transparent shadow-[0px_5px_10px_rgba(0,0,0,0.4)] dark:bg-slate-800 dark:from-accent dark:shadow-[0px_5px_10px_#1e293b]"
196197
>
197198
<div className="table-name">
198199
{mode === 'table' ? (
@@ -201,7 +202,7 @@ export default function InputModal({
201202
htmlFor="table-modal-name"
202203
className="w-[100px] text-slate-900 dark:text-[#f8f4eb]"
203204
>
204-
Table Name:
205+
Table Name:
205206
</label>
206207
<input
207208
id="table-modal-name"

0 commit comments

Comments
 (0)