Skip to content
Snippets Groups Projects
Commit 98286cd5 authored by Jeffry's avatar Jeffry
Browse files

Improving Profile front end

parent f8278dae
No related merge requests found
Hide whitespace changes
Inline Side-by-side
assets/css/biodata.css
+ 34
− 11
View file @ 98286cd5
...@@ -13,10 +13,9 @@ ...@@ -13,10 +13,9 @@
font-size: 30px; font-size: 30px;
} }
.content { h1 {
font-size: 30px; font-size: 2.5rem;
color: orangered; color: orange;
font-family: 'Times New Roman';
} }
ul { ul {
...@@ -27,20 +26,44 @@ div.edit{ ...@@ -27,20 +26,44 @@ div.edit{
align-self:flex-end; align-self:flex-end;
} }
img.profile { div.profile {
overflow: hidden;
height: 250px; height: 250px;
width: 250px; width: 250px;
border-radius: 50%; border-radius: 50%;
border-color: maroon;
border-width: 50px;
} }
img.edits { div.profile img {
padding: 5px; width: 100%;
width: 50px; height: 100%;
} }
img.edits {
padding: 0.5rem;
width: 3rem;
margin-right: 0.5rem;
margin-top: 0.5rem;
}
img.icon { img.icon {
height: 30px; height: 1.5rem;
width: 30px; width: 1.5rem;
padding-right: 0cm; margin-right: 0.5rem;
} }
table{
margin-left: 1rem;
}
.profile_container {
width: 400px;
margin: auto;
font-size: 1.3rem;
}
.data_type {
padding-right: 1rem;
width: 10rem;
}
\ No newline at end of file
view/biodata.php
+ 8
− 7
View file @ 98286cd5
...@@ -16,13 +16,12 @@ ...@@ -16,13 +16,12 @@
include VIEW . "navBar.php"; include VIEW . "navBar.php";
css("biodata.css"); css("biodata.css");
?> ?>
<!-- <link rel="stylesheet" href="assets/css/biodata.css"> -->
</head> </head>
<body> <body>
<div class="header"> <div class="header">
<div class="edit"><a href="<?php path('profile/edit'); ?>"> <img class="edits" alt="Edit button" src="assets/image/pencil.png"> </a></div> <div class="edit"><a href="<?php path('profile/edit'); ?>"> <img class="edits" alt="Edit button" src="assets/svg/pencil.svg"> </a></div>
<div><img class="profile" src="<?php <div class="profile"><img src="<?php
if(isset($data["pic_id"])) { if(isset($data["pic_id"])) {
echo "ajax/image/get?id=". $data["pic_id"]; echo "ajax/image/get?id=". $data["pic_id"];
} }
...@@ -33,29 +32,31 @@ ...@@ -33,29 +32,31 @@
<div><?php echo $data["name"] ?></div> <div><?php echo $data["name"] ?></div>
</div> </div>
<div class="profile_container">
<h1 class="content"> My profile </h1> <h1 class="content"> My profile </h1>
<table> <table>
<tr> <tr>
<td><img class="icon" src="assets/image/profile.jpg"> </td> <td><img class="icon" src="assets/image/profile.jpg"> </td>
<td>Username</td> <td class="data_type">Username</td>
<td><?php echo $data["username"] ?></td> <td><?php echo $data["username"] ?></td>
</tr> </tr>
<tr> <tr>
<td><img class="icon" src="assets/image/email.png"> </td> <td><img class="icon" src="assets/image/email.png"> </td>
<td>Email </td> <td class="data_type">Email </td>
<td><?php echo $data["email"] ?></td> <td><?php echo $data["email"] ?></td>
</tr> </tr>
<tr> <tr>
<td><img class="icon" src="assets/image/address.png" ></td> <td><img class="icon" src="assets/image/address.png" ></td>
<td>Address </td> <td class="data_type">Address </td>
<td><?php echo $data["address"] ?></textarea></td> <td><?php echo $data["address"] ?></textarea></td>
</tr> </tr>
<tr> <tr>
<td><img class="icon" src="assets/image/phone.png"> </td> <td><img class="icon" src="assets/image/phone.png"> </td>
<td>Phone Number </td> <td class="data_type">Phone Number </td>
<td><?php echo $data["phone"] ?></td> <td><?php echo $data["phone"] ?></td>
</tr> </tr>
</table> </table>
</div>
</body> </body>
</html> </html>
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment