Commit 98111c98 authored by Jacob Dylan D. Vitug's avatar Jacob Dylan D. Vitug

fixed add profile screen

parent e77320ed
......@@ -2,6 +2,7 @@
@import url('https://unpkg.com/css.gg@2.0.0/icons/css/user-add.css');
@import url('https://unpkg.com/css.gg@2.0.0/icons/css/import.css');
@import url('https://unpkg.com/css.gg@2.0.0/icons/css/log-out.css');
@import url('https://unpkg.com/css.gg@2.0.0/icons/css/user-list.css');
body {
font-family: Helvetica ;
......@@ -13,10 +14,11 @@ body {
}
.footer {
position: fixed;
left: 0;
position: absolute;
/* left: 0; */
bottom: 0;
width: 100%;
height: 2.5rem;
text-align: center;
}
......@@ -185,4 +187,13 @@ body {
height: 50px;
background-color: #00802B;
color: white;
}
.content-wrap {
padding-bottom: 2.5rem;
}
.page-container {
position: relative;
min-height: 100vh;
}
\ No newline at end of file
......@@ -155,4 +155,8 @@ input[type="radio"] {
.bottom-cont {
margin-right: 15px;
margin-top: 50px;
}
.long-textbox {
width: 660px;
}
\ No newline at end of file
@import url('https://unpkg.com/css.gg@2.0.0/icons/css/search.css');
body {
font-family: Helvetica ;
}
......@@ -19,7 +20,7 @@ body {
.searchbar {
width: 78%;
background: url(images/comment-author.gif) no-repeat scroll 7px 7px;
background: url("%images/search-icon.png%") top left no-repeat scroll 7px 7px;
padding-left: 30px;
}
......
......@@ -3,20 +3,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="{% static 'css/style.css' %}" />
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
crossorigin="anonymous"
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="{% static 'css/base.css' %}">
<link rel="stylesheet" href="{% static 'css/style.css' %}" />
<!-- <link rel="stylesheet" href="{% static 'css/loginpage.css' %}"> -->
<link rel="stylesheet" href="{% static 'css/base.css' %}" />
<link rel = "icon" href = "{% static 'images/topc_logo.jpg' %}" type = "image/x-icon">
<title>{% block title %}{% endblock %}</title>
</head>
<body>
<div class="page-container">
<div class="content-wrap">
<div class="base-header">
<div class="base-header-align">
<div class="base-logo">
......@@ -47,12 +52,22 @@
<div class="sidebar">
<div class="sidebar-icon-placing sidebar-button">
<div>
<div class="sidebar-hover">
<a href="">
<div class="icon-align sidebar-button">
<i class="gg-list"></i>
</div>
<p>Record List</p>
<p>Employee List</p>
</a>
</div>
<div class="sidebar-hover">
<a href="">
<div class="icon-align sidebar-button">
<i class="gg-user-list"></i>
</div>
<p>Position List</p>
</a>
</div>
......@@ -87,6 +102,7 @@
</div>
<div class="main">{% block content %}{% endblock %}</div>
</div>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"
integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V"
......@@ -101,5 +117,6 @@
</script>
</p>
</footer>
</div>
</body>
</html>
......@@ -25,15 +25,9 @@
<div class="">
<div class="label-row">
<div class="text-input-grouping">
<label for="first-name" class="">First Name:</label>
<div class="">
<input type="text" class="" name="first-name" required />
</div>
</div>
<div class="text-input-grouping">
<label for="address" class="">Address:</label>
<div class="input-row">
<input type="text" name="address" required />
<label for="full-name" class="">Full Name:</label>
<div class="long-textbox">
<input type="text" style="width: 660px;" name="full-name" required />
</div>
</div>
<div class="text-input-grouping">
......@@ -43,22 +37,16 @@
</div>
</div>
</div>
<div class="label-row">
<div class="text-input-grouping">
<label for="mid-name" class="">Middle Name:</label>
<div class="">
<input type="text" name="middle-name" required />
</div>
</div>
<div class="text-input-grouping">
<label for="bday">Birthday:</label>
<div class="">
<input type="date" name="birthday" />
<label for="address" class="">Address:</label>
<div class="input-row">
<input type="text" style="width: 660px;" name="address" required />
</div>
</div>
<div class="text-input-grouping">
<label for="emerg_num">Emergency Contact:</label>
<div class="tex">
......@@ -66,12 +54,12 @@
</div>
</div>
</div>
<div class="label-row">
<div class="text-input-grouping">
<label for="last-name">Last Name:</label>
<label for="bday">Birthday:</label>
<div class="">
<input type="text" name="last-name" required />
<input type="date" name="birthday" />
</div>
</div>
......
......@@ -18,7 +18,7 @@
<div class="search-and-add-cont">
<div class="searchbar">
<input placeholder='&#xf002 Search Name' />
<input placeholder= 'Search Name' />
</div>
<div class="add-button">
......
......@@ -39,7 +39,7 @@
<!-- <input type="submit"> -->
<div class="centercont column-direction">
<button type="submit" class="login-button login-borders button-login">Continue</button>
<button type="submit" class="login-button login-borders button-cancel">Cancel</button>
<button type="submit" class="login-button login-borders button-cancel" href="#">Cancel</button>
</div>
</form>
......
Markdown is supported
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