p15670423
/
monkey
1
0
Fork 5
Code Issues Pull Requests 3 Projects Releases Wiki Activity

Fix the Guardicore logo which is overlaping the landing page buttons on smaller screens

This commit is contained in:
VakarisZ 2021-09-03 15:27:04 +03:00
parent 0ecbfdea38
commit 4dbd7b41f5
2 changed files with 31 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
monkey/monkey_island/cc/ui/src/components/pages/LandingPage.tsx
View File

@ -24,12 +24,12 @@ const LandingPageComponent = (props) => {
<div className={'scenario-header'}>
<ScenarioButtons/>
<br/>
</div>
<br/>
<br/>
<Col className={'guardicore-logo'}>
<Logo/>
</Col>
</div>
<br/>
<br/>
</Col>
</>
@ -95,7 +95,8 @@ function ScenarioInfo() {
<>
<div className={'scenario-info'}>
Check the Infection Monkey documentation hub for more information
on <a href='https://www.guardicore.com/infectionmonkey/docs/usage/scenarios/' rel="noopener noreferrer" target="_blank">
on <a href='https://www.guardicore.com/infectionmonkey/docs/usage/scenarios/' rel="noopener noreferrer"
target="_blank">
scenarios
</a>.
</div>

7
monkey/monkey_island/cc/ui/src/styles/pages/LandingPage.scss
View File

@ -1,6 +1,5 @@
.landing-page {
background-color: rgba(255, 255, 255, 0.89);
position: absolute !important;
height: 100%;
bottom: 0;
}
@ -27,12 +26,6 @@
height: 100%;
}
.landing-page .guardicore-logo {
position: absolute;
bottom: 10px;
left: 0 !important;
}
.guardicore-logo .license-text {
position: relative;
}