- components/card.jsx +3 -1
- components/searchBar.jsx +3 -1
- pages/index.js +1 -1
components/card.jsx
CHANGED
@@ -51,7 +51,9 @@ const Card = ({
|
|
51 |
|
52 |
<a href={spaceUrl} target="_blank" rel="noopener noreferrer">
|
53 |
<div
|
54 |
-
className={`relative z-0 mx-auto flex flex-col items-center justify-center p-4 filter hover:brightness-110 overflow-hidden h-52 rounded-lg`}
|
|
|
|
|
55 |
style={gradientStyle}
|
56 |
>
|
57 |
<div className="flex justify-between items-center w-full">
|
|
|
51 |
|
52 |
<a href={spaceUrl} target="_blank" rel="noopener noreferrer">
|
53 |
<div
|
54 |
+
// className={`relative z-0 mx-auto flex flex-col items-center justify-center p-4 filter hover:brightness-110 overflow-hidden h-52 rounded-lg`}
|
55 |
+
// to resize to 100% on hover we can use the following:
|
56 |
+
className={`relative z-0 mx-auto flex flex-col items-center justify-center p-4 filter hover:brightness-110 overflow-hidden h-52 rounded-lg transition-all duration-50 ease-in-out hover:scale-[1.008]`}
|
57 |
style={gradientStyle}
|
58 |
>
|
59 |
<div className="flex justify-between items-center w-full">
|
components/searchBar.jsx
CHANGED
@@ -10,6 +10,7 @@ const SearchBar = ({ onSearch }) => {
|
|
10 |
"Generate music",
|
11 |
"Remove background from images",
|
12 |
"Translate text",
|
|
|
13 |
"Generate anime images",
|
14 |
"Recognize objects in images",
|
15 |
"Perform sentiment analysis",
|
@@ -25,6 +26,7 @@ const SearchBar = ({ onSearch }) => {
|
|
25 |
"Generate video from text and audio",
|
26 |
"Help me organize a trip",
|
27 |
"Write a children's story",
|
|
|
28 |
];
|
29 |
|
30 |
useEffect(() => {
|
@@ -39,7 +41,7 @@ const SearchBar = ({ onSearch }) => {
|
|
39 |
if (!showInitialPlaceholder) {
|
40 |
let typingInterval;
|
41 |
if (placeholder.length < placeholders[placeholderIndex].length) {
|
42 |
-
const typingSpeed = Math.floor(Math.random() *
|
43 |
typingInterval = setInterval(() => {
|
44 |
setPlaceholder(prevPlaceholder => prevPlaceholder + placeholders[placeholderIndex][placeholder.length]);
|
45 |
}, typingSpeed);
|
|
|
10 |
"Generate music",
|
11 |
"Remove background from images",
|
12 |
"Translate text",
|
13 |
+
"Chat with a PDF file",
|
14 |
"Generate anime images",
|
15 |
"Recognize objects in images",
|
16 |
"Perform sentiment analysis",
|
|
|
26 |
"Generate video from text and audio",
|
27 |
"Help me organize a trip",
|
28 |
"Write a children's story",
|
29 |
+
"Chat with a cat",
|
30 |
];
|
31 |
|
32 |
useEffect(() => {
|
|
|
41 |
if (!showInitialPlaceholder) {
|
42 |
let typingInterval;
|
43 |
if (placeholder.length < placeholders[placeholderIndex].length) {
|
44 |
+
const typingSpeed = Math.floor(Math.random() * 50) + 100;
|
45 |
typingInterval = setInterval(() => {
|
46 |
setPlaceholder(prevPlaceholder => prevPlaceholder + placeholders[placeholderIndex][placeholder.length]);
|
47 |
}, typingSpeed);
|
pages/index.js
CHANGED
@@ -43,7 +43,7 @@ export default function Home() {
|
|
43 |
setSearchResults([]);
|
44 |
return;
|
45 |
}
|
46 |
-
const results = await predict(query,
|
47 |
setSearchResults(results);
|
48 |
}
|
49 |
|
|
|
43 |
setSearchResults([]);
|
44 |
return;
|
45 |
}
|
46 |
+
const results = await predict(query, 12);
|
47 |
setSearchResults(results);
|
48 |
}
|
49 |
|