diff --git a/assets/css/biodata.css b/assets/css/biodata.css
index 0e7a64ade284f106ba8fc8e6a240794f2d9f5df7..9db3865e29dfca596a796d19ad655e22060284b4 100644
--- a/assets/css/biodata.css
+++ b/assets/css/biodata.css
@@ -13,10 +13,9 @@
font-size: 30px;
}
-.content {
- font-size: 30px;
- color: orangered;
- font-family: 'Times New Roman';
+h1 {
+ font-size: 2.5rem;
+ color: orange;
}
ul {
@@ -27,20 +26,44 @@ div.edit{
align-self:flex-end;
}
-img.profile {
+div.profile {
+ overflow: hidden;
height: 250px;
width: 250px;
border-radius: 50%;
+ border-color: maroon;
+ border-width: 50px;
}
-img.edits {
- padding: 5px;
- width: 50px;
+div.profile img {
+ width: 100%;
+ height: 100%;
}
+img.edits {
+ padding: 0.5rem;
+ width: 3rem;
+ margin-right: 0.5rem;
+ margin-top: 0.5rem;
+}
img.icon {
- height: 30px;
- width: 30px;
- padding-right: 0cm;
+ height: 1.5rem;
+ width: 1.5rem;
+ 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
diff --git a/view/biodata.php b/view/biodata.php
index 4c74b606c1dd3e55044db7e4d000a70d14829b78..09f5e403af27d9838a5dc0df4383c178a9f26962 100644
--- a/view/biodata.php
+++ b/view/biodata.php
@@ -16,13 +16,12 @@
include VIEW . "navBar.php";
css("biodata.css");
?>
- <!-- <link rel="stylesheet" href="assets/css/biodata.css"> -->
</head>
<body>
<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><img class="profile" src="<?php
+ <div class="edit"><a href="<?php path('profile/edit'); ?>"> <img class="edits" alt="Edit button" src="assets/svg/pencil.svg"> </a></div>
+ <div class="profile"><img src="<?php
if(isset($data["pic_id"])) {
echo "ajax/image/get?id=". $data["pic_id"];
}
@@ -33,29 +32,31 @@
<div><?php echo $data["name"] ?></div>
</div>
+<div class="profile_container">
<h1 class="content"> My profile </h1>
<table>
<tr>
<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>
</tr>
<tr>
<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>
</tr>
<tr>
<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>
</tr>
<tr>
<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>
</tr>
</table>
+</div>
</body>
</html>
\ No newline at end of file