fixed padding and footor

AaruBama · Jun 12, 2024 · 6ff72a1 · 6ff72a1
1 parent e026923
commit 6ff72a1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 13 deletions.
diff --git a/src/components/HashtagTool/MemeEditor.js b/src/components/HashtagTool/MemeEditor.js
@@ -508,9 +508,9 @@ const MemeEditor = () => {
                                 className="px-4 py-2 w-full border border-gray-300 rounded-lg"
                             />
 
-                            <div className="mt-1 flex flex-wrap gap-2">
+                            <div className="mt-2 flex flex-wrap gap-2">
                                 <div className="flex w-full">
-                                    <div className="bg-white border border-gray-300 rounded-l-md p-2.5 flex items-center">
+                                    <div className="bg-white border border-gray-300 rounded-l-md p-2 flex items-center">
                                         <span className="text-indigo-600">
                                             #
                                         </span>
@@ -522,14 +522,14 @@ const MemeEditor = () => {
                                         value={inputValue}
                                         onChange={handleHashtagsChange}
                                         onKeyDown={handleKeyDown}
-                                        className="bg-white border border-gray-300 text-gray-900 text-sm rounded-r-md focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
+                                        className="bg-white border border-gray-300 text-gray-900 text-sm rounded-r-md focus:ring-blue-500 focus:border-blue-500 block w-full p-2"
                                         placeholder="Add Tags"
                                     />
                                 </div>
                                 {hashtags.map((tag, index) => (
                                     <div
                                         key={tag}
-                                        className="flex items-center text-wrap gap-1 bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded">
+                                        className="flex items-center text-wrap gap-2 bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded">
                                         {tag}
                                         <button
                                             type="button"
@@ -648,7 +648,7 @@ const MemeEditor = () => {
                         </h2>
                         <div className="flex flex-row space-x-4">
                             <div className="flex-1">
-                                <h3 className="text-md font-nunito mb-1">
+                                <h3 className="text-md font-nunito mb-2">
                                     Font Family
                                 </h3>
                                 <select
@@ -663,7 +663,7 @@ const MemeEditor = () => {
                                 </select>
                             </div>
                             <div className="flex-1 ">
-                                <h3 className="text-md font-nunito mb-1">
+                                <h3 className="text-md font-nunito mb-2">
                                     Font Style
                                 </h3>
                                 <select

diff --git a/src/components/Login/FooterBar.js b/src/components/Login/FooterBar.js
@@ -4,7 +4,8 @@ import { ReactComponent as HomeSvg } from '../../Icons/HomeMobile.svg';
 import { ReactComponent as SearchSvg } from '../../Icons/SearchIconBlack.svg';
 import DropdownComponent from '../LoginDropDownComponent/DropDownComponent';
 import { ReactComponent as PlusSvg } from '../../Icons/PlusArrow.svg';
-import { ReactComponent as EditSvg } from '../../Icons/Edit.svg';
+import { ReactComponent as NotificationSvg } from '../../Icons/Notification.svg';
+
 import PostUpload from '../Post/newPost';
 
 import './profile.css';
@@ -64,12 +65,8 @@ const FooterBar = () => {
                         onClose={closePostModal}
                     />
                 )}
-                <button
-                    className={`flex flex-col items-center text-center py-3 px-6 ${
-                        isActive('/meme-editor') ? activeStyle : ''
-                    }`}
-                    onClick={() => navigate('/meme-editor')}>
-                    <EditSvg className="w-6 h-6 text-bold" />
+                <button className="flex flex-col items-center text-center py-3 px-6 ">
+                    <NotificationSvg className="" />
                 </button>
                 <button className="flex flex-col items-center text-center p-1 px-6">
                     <DropdownComponent />