+
1
diff --git a/src/components/postinputform/postinputform.css b/src/components/postinputform/postinputform.css
index 222fe85..cbae08a 100644
--- a/src/components/postinputform/postinputform.css
+++ b/src/components/postinputform/postinputform.css
@@ -4,4 +4,9 @@
#title-image-block * {
--bs-border-color: var(--alternative-font-color);
+}
+
+#post-publication-button {
+ --bs-btn-bg: var(--dark-background-color);
+ --bs-btn-border-color: var(--dark-background-color);
}
\ No newline at end of file
diff --git a/src/components/searchgroup/searchgroup.css b/src/components/searchgroup/searchgroup.css
new file mode 100644
index 0000000..e535231
--- /dev/null
+++ b/src/components/searchgroup/searchgroup.css
@@ -0,0 +1,4 @@
+#button-addon:hover svg {
+ fill: white;
+ transition: .3s;
+}
\ No newline at end of file
diff --git a/src/components/searchgroup/searchgroup.jsx b/src/components/searchgroup/searchgroup.jsx
new file mode 100644
index 0000000..4926a0f
--- /dev/null
+++ b/src/components/searchgroup/searchgroup.jsx
@@ -0,0 +1,17 @@
+import { Search } from "react-bootstrap-icons";
+import './searchgroup.css';
+
+const SearchGroup = () => {
+ return (
+ <>
+
+
+
+
+ >
+ );
+};
+
+export default SearchGroup;
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index 69bfd3e..c72f1c6 100644
--- a/src/index.css
+++ b/src/index.css
@@ -26,7 +26,7 @@
--light-font-color: var(--color-black);
--alternative-font-color: var(--color-black);
--alternative-backgrond-color: var(--light-background-color);
- --hover-background-color: rgba(0, 0, 0, 0.05);
+ --hover-background-color: rgba(0, 0, 0, 0.08);
}
* {
@@ -51,6 +51,11 @@ a {
--dark-font-color: var(--color-white);
--alternative-font-color: var(--color-gray);
--alternative-backgrond-color: var(--color-black);
- --hover-background-color: rgba(255, 255, 255, 0.05);
+ --hover-background-color: rgba(255, 255, 255, 0.2);
}
+}
+
+.hoverable:hover {
+ background-color: var(--hover-background-color);
+ cursor: pointer;
}
\ No newline at end of file
diff --git a/src/pages/FriendsPage.jsx b/src/pages/FriendsPage.jsx
index 1093aab..72d9181 100644
--- a/src/pages/FriendsPage.jsx
+++ b/src/pages/FriendsPage.jsx
@@ -1,6 +1,6 @@
import Wrapper from "../components/wrapper/wrapper";
import Center from "../components/center/center";
-import { Search } from "react-bootstrap-icons";
+import SearchGroup from "../components/searchgroup/searchgroup";
import FriendRow from "../components/friendrow/friendrow";
const FriendsPage = () => {
@@ -8,12 +8,7 @@ const FriendsPage = () => {
<>
-
-
-
-
+