Skip to content
Snippets Groups Projects
Commit 649eeee8 authored by Orosz Bence's avatar Orosz Bence
Browse files

home banner made darker plus some css magic on our team

parent 6f6c56cd
No related branches found
No related tags found
No related merge requests found
Pipeline #17238 passed
...@@ -22,7 +22,9 @@ body { ...@@ -22,7 +22,9 @@ body {
cursor: pointer; cursor: pointer;
overflow: hidden; overflow: hidden;
margin: 0.5vw; 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 { html[data-theme='dark'] .tile {
...@@ -46,9 +48,15 @@ html[data-theme='dark'] .tile { ...@@ -46,9 +48,15 @@ html[data-theme='dark'] .tile {
.tile > .tileInfo { .tile > .tileInfo {
width: 100%; width: 100%;
position: absolute; position: absolute;
bottom: 1vw; bottom: 0;
height: 3vw;
background: rgba(255, 255, 255, 0.4) background: rgba(255, 255, 255, 0.4)
} }
.tile:hover > .tileInfo{
bottom: 0;
height: 6vw;
transition: transform 500ms ease;
}
html[data-theme='dark'] .tile > .tileInfo { html[data-theme='dark'] .tile > .tileInfo {
background: rgba(0, 0, 0, 0.4) background: rgba(0, 0, 0, 0.4)
......
...@@ -289,6 +289,7 @@ class Tile extends React.Component { ...@@ -289,6 +289,7 @@ class Tile extends React.Component {
margin: '0', margin: '0',
boxShadow: '0 0 40px 5px rgba(0, 0, 0, 0.3)', boxShadow: '0 0 40px 5px rgba(0, 0, 0, 0.3)',
transform: 'none', transform: 'none',
borderRadius: '1%',
}; };
tileInfoStyle = { tileInfoStyle = {
width: '50%', width: '50%',
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
padding: 4rem 0; padding: 4rem 0;
overflow: hidden; overflow: hidden;
color: white; 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; background-size: cover;
} }
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment