Skip to content
Closed
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
add media screen for responsiveness
  • Loading branch information
andresacg30 committed Sep 30, 2022
commit aad71a63aef81938f3ad06e37b40568da37697c6
64 changes: 52 additions & 12 deletions src/app/modules/v2-redirect/style.css
Original file line number Diff line number Diff line change
@@ -1,18 +1,30 @@
.btn-primary {
background-color: #F85221;
border-radius: 30px;
border: none;
}

h2 {
font-weight: 600;
color: #5B4F62;
}

h1 {
font-weight: 800;
font-size:3em;
font-size:4em;
color: #5B4F62;

}

h3 {
font-weight: 500;
font-size: 2em;
color: #831C86;
}

#main-image {
max-width: 100%
padding-top: 4rem;
max-width: 100%;
}

.grid {
Expand All @@ -21,19 +33,13 @@ h3 {
position: relative;
width: 1300px;
}
@media screen and (max-width: 1199px) {
.grid {
display: grid;
grid-template-columns: 2fr 1fr;
position: relative;
}
}


#logo {
padding-top: 20px;
padding-left: 20px;
padding-left: 25px;
position:absolute;
max-width: 18rem;
left: 0;
top: 0;
z-index: 10;
Expand All @@ -47,8 +53,8 @@ h3 {
}

.text{
padding-top: 100px;
padding-right: 100px;
padding-top: 10rem;
padding-right: 150px;
text-align: right;
}

Expand All @@ -57,3 +63,37 @@ h3 {
text-align: center;
}


@media screen and (max-width: 1199px) {
h1 {
color:#831C86;
}

.grid {
display: grid;
grid-template-columns: 1fr;
position: relative;
}

.text{
padding-top: 2rem;
padding-right: 0px;
text-align: center;

}

.redirection {
padding-top: 0px;
padding-right: 0px;
margin-bottom: 30px;
text-align: center;
}

#quote {
display: none;
}

.decoration {
display: none;
}
}
4 changes: 2 additions & 2 deletions src/app/modules/v2-redirect/v2-redirect.component.html
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@

<body style="font-family: 'Montserrat';">
<div>
<img id="logo" src="../../../assets/img/time-tracker-logo-v2.png" alt="Time Tracker v2 logo" width="200px" />
<img id="logo" src="../../../assets/img/time-tracker-logo.png" alt="Time Tracker logo"/>
</div>
<div class="decoration">
<img src="../../../assets/img/decoration.png" alt="decoration blue splash" />
Expand All @@ -47,7 +47,7 @@ <h3 id="quote">The world is in<br />constant evolution,<br /><strong>SO ARE WE.<
<h2>GO TO TIME TRACKER V2</h2>
</div>
<div id="link">
<a class="btn btn-warning btn-lg" href="https://ui.timetrackerapp.ioet.com/" role="button"
<a class="btn btn-primary btn-lg" href="https://ui.timetrackerapp.ioet.com/" role="button"
>ui.timetrackerapp.ioet.com</a
>
</div>
Expand Down