From 649eeee8f01b309c5a101ec33ba3a136dffb19cc Mon Sep 17 00:00:00 2001
From: Bence Orosz <oroszbence0929@gmail.com>
Date: Sun, 6 Feb 2022 23:31:16 +0100
Subject: [PATCH] home banner made darker plus some css magic on our team
---
app/src/components/OurTeam.css | 12 ++++++++++--
app/src/components/OurTeam.js | 1 +
app/src/pages/index.module.css | 2 +-
3 files changed, 12 insertions(+), 3 deletions(-)
diff --git a/app/src/components/OurTeam.css b/app/src/components/OurTeam.css
index 1deb645..9a5cd0e 100644
--- a/app/src/components/OurTeam.css
+++ b/app/src/components/OurTeam.css
@@ -22,7 +22,9 @@ body {
cursor: pointer;
overflow: hidden;
margin: 0.5vw;
- background: rgba(255, 255, 255, 0.8)
+ background: rgba(255, 255, 255, 0.8);
+ border-radius: 50%;
+ text-align: center;
}
html[data-theme='dark'] .tile {
@@ -46,9 +48,15 @@ html[data-theme='dark'] .tile {
.tile > .tileInfo {
width: 100%;
position: absolute;
- bottom: 1vw;
+ bottom: 0;
+ height: 3vw;
background: rgba(255, 255, 255, 0.4)
}
+.tile:hover > .tileInfo{
+ bottom: 0;
+ height: 6vw;
+ transition: transform 500ms ease;
+}
html[data-theme='dark'] .tile > .tileInfo {
background: rgba(0, 0, 0, 0.4)
diff --git a/app/src/components/OurTeam.js b/app/src/components/OurTeam.js
index 43c98fe..57505ca 100644
--- a/app/src/components/OurTeam.js
+++ b/app/src/components/OurTeam.js
@@ -289,6 +289,7 @@ class Tile extends React.Component {
margin: '0',
boxShadow: '0 0 40px 5px rgba(0, 0, 0, 0.3)',
transform: 'none',
+ borderRadius: '1%',
};
tileInfoStyle = {
width: '50%',
diff --git a/app/src/pages/index.module.css b/app/src/pages/index.module.css
index 1669a73..53fa6bf 100644
--- a/app/src/pages/index.module.css
+++ b/app/src/pages/index.module.css
@@ -7,7 +7,7 @@
padding: 4rem 0;
overflow: hidden;
color: white;
- background-image: url("/static/img/webcover_nologo.png");
+ background-image: linear-gradient(rgba(0, 0, 0, 0.527),rgba(0, 0, 0, 0.5)) , url("/static/img/webcover_nologo.png");
background-size: cover;
}
--
GitLab