Skip to content
This repository has been archived by the owner on Dec 27, 2020. It is now read-only.

Ui respo #31

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Ui respo #31

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
76c3b50
admin ui complete responsive
MightyMoin Apr 22, 2020
3025e7f
minor search fix
MightyMoin Apr 22, 2020
7e42c55
respo wrk started
MightyMoin Aug 25, 2020
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
51 changes: 51 additions & 0 deletions assets/admin-styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -205,3 +205,54 @@ body {
.alert-content h3 {
width: fit-content;
}
.lappie , .mobile{
position: absolute;
}
.mobile{
display: none;pointer-events: none;
}
@media screen and (max-width:500px){
.search-inp{
max-width: 200px;
}
.lappie{
display: none; pointer-events: none;
}
.mobile{
display: inline-block; pointer-events: all;
}
.search-group h4{
font-size: 25px;
text-align: center;
}
.dropdown h5{
font-size: medium;
}
.userinfo-cont{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-left: 9%;
}
.userinfo-cont h2 , .item-detail h2{
font-size: 38px;
}
.colomn-rev{
flex-direction: column-reverse;

}
.move-right{
margin-left: 9%;
}
.info-width{
left: 50%;
width: 80% !important;
min-height: 80vw !important;
}
.contact{
min-height: 300px ;
}
.start-h2 .search-icon:hover::after{
display: none;
}
}
5 changes: 3 additions & 2 deletions views/details.ejs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,9 +21,10 @@
</div>

<div class="inp-animation-container" style="margin-left: 25%; max-width: 50%;">
<input type="email" name="email"required/>
<input class="search-inp" type="email" name="email" required/>
<div class="inp-label">
<span> Enter the email </span>
<span class="lappie"> Enter the email </span>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Use appropriate class names

<span class="mobile">Email</span>
</div>
</div>

Expand Down
14 changes: 7 additions & 7 deletions views/userinfo.ejs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<div class="admin-header shadows">
<%- include('partials/header'); -%>

<%- include('partials/admin-sidenav'); -%>
<%- include('partials/admin-sidenav'); -%>
</div>

<div class="start-h2">
Expand All @@ -16,10 +16,10 @@

<div class="container-admin">
<div class="userinfo-cont">
<div style="width: 60%;">
<div style="width: 60%;" class="info-width">
<img style="width: 100%; height: 100%;" src="../../images/profile_data.svg" alt="">
</div>
<div style="width: 40%;">
<div style="width: 40%;" class="info-width">
<h2>Basic Details:</h2>
<div><strong>Name:&nbsp;</strong><%=user.name%></div><br>
<div><strong>Email:&nbsp;</strong><%=user.email%></div><br>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also, move all inline css to .css file

Expand All @@ -35,8 +35,8 @@
</div>
</div>

<div class="userinfo-cont" style="margin-left: 9%; margin-bottom: 5%;">
<div style="width: 40%;">
<div style="margin-left: 9%; margin-bottom: 5%;" class="userinfo-cont colomn-rev">
<div style="width: 40%;" class="info-width move-right">
<h2>Contact Information:</h2>
<div><strong>Address:&nbsp;</strong><%=user.contacts.address%></div><br>
<div><strong>Email:&nbsp;</strong><%=user.email%></div>
Expand All @@ -46,8 +46,8 @@
<br>
</div>

<div style="width: 60%;">
<img style="width: 100%; height: 100%;" src="../../images/contact_us.svg" alt="">
<div style="width: 60%;" class="info-width">
<img style="width: 100%; height: 100%;" class="contact" src="../../images/contact_us.svg" alt="">
</div>
</div>

Expand Down