From 3b6aab195b12b2310787b2846b56d338eba50fea Mon Sep 17 00:00:00 2001
From: ludvigdamberg <ludda756@student.liu.se>
Date: Wed, 17 May 2023 14:02:45 +0200
Subject: [PATCH] small things
some small changes
---
frontend/src/pages/Feed.js | 2 +-
frontend/src/pages/Profile.js | 2 +-
frontend/src/styles/buttons.module.css | 16 ++++++----------
frontend/src/styles/feed.module.css | 2 +-
4 files changed, 9 insertions(+), 13 deletions(-)
diff --git a/frontend/src/pages/Feed.js b/frontend/src/pages/Feed.js
index 339e7d6..a5c6c0d 100644
--- a/frontend/src/pages/Feed.js
+++ b/frontend/src/pages/Feed.js
@@ -85,7 +85,7 @@ const Feed = () => {
<div className={styles.header_button}><button onClick={handleOpenPost} className={buttons.button3}>add post +
</button></div>
</div>
- <div className={buttons.arrow}><Link to='/'><FaArrowLeft /></Link></div>
+ <div className={buttons.arrow}><Link to='/'><FaArrowLeft /> Home</Link></div>
{openPost ? (
<div className={styles.body}> <Post /></div>
) : (
diff --git a/frontend/src/pages/Profile.js b/frontend/src/pages/Profile.js
index 6f09bb5..d8a9027 100644
--- a/frontend/src/pages/Profile.js
+++ b/frontend/src/pages/Profile.js
@@ -74,7 +74,7 @@ const Profile = () => {
return (
<>
<div className={styles.header}>
- <div className={buttons.arrow}><Link to='/'><FaArrowLeft /></Link></div>
+ <div className={buttons.arrow}><Link to='/'><FaArrowLeft /> Home</Link></div>
<h1>Welcome to your profile page</h1>
<p>Redirect through these links</p>
diff --git a/frontend/src/styles/buttons.module.css b/frontend/src/styles/buttons.module.css
index ef6066b..ba579e2 100644
--- a/frontend/src/styles/buttons.module.css
+++ b/frontend/src/styles/buttons.module.css
@@ -41,11 +41,11 @@
.arrow{
position: absolute;
justify-self: left;
- margin: 15px;
- width: 40px;
+ margin: 20px;
+ width: 100px;
height: 40px;
- border-radius: 50%;
- background: rgb(0, 0, 0);
+ border-radius: 20px;
+ background: #5192b1;
display: flex;
justify-content: center;
text-align: center;
@@ -57,19 +57,15 @@
.arrow:hover{
transform: scale(1.2);
- }
- .arrow:hover a{
- transform: scale(1.1);
-
-
}
.arrow a{
- color: rgb(255, 251, 190);
+ color: rgb(255, 255, 255);
font-size: 120%;
justify-self: center;
align-items: center;
justify-content: center;
display: flex;
+ text-decoration: none;
}
.button2 {
font-family: 'Outfit', sans-serif;
diff --git a/frontend/src/styles/feed.module.css b/frontend/src/styles/feed.module.css
index 846be16..172d363 100644
--- a/frontend/src/styles/feed.module.css
+++ b/frontend/src/styles/feed.module.css
@@ -377,7 +377,7 @@ outline: none;
color: white;
display: flex;
align-items: center;
-
+ width: 900px;
}
.posts_header_img {
--
GitLab