Updated UI and title in homepage

This commit is contained in:
vraj545
2026-03-03 19:39:06 -05:00
parent c5e8acecf7
commit 3fb620543a
5 changed files with 15 additions and 4 deletions
@@ -9,7 +9,7 @@
<form class="modal-body" (ngSubmit)="onSubmit()" #goalForm="ngForm">
<div class="field">
<label for="title">Title</label>
<label for="title">Title<span class="required">*</span></label>
<input
id="title"
type="text"
@@ -21,7 +21,7 @@
</div>
<div class="field">
<label for="category">Category</label>
<label for="category">Category<span class="required">*</span></label>
<input
id="category"
type="text"
@@ -139,3 +139,8 @@
opacity: 0.55;
cursor: not-allowed;
}
.required {
color: red;
margin-left: 4px;
}
@@ -22,7 +22,7 @@
<div class="field">
<label for="programYear">Program Year</label>
<input
<input
id="programYear"
type="number"
[(ngModel)]="form.programYear"
@@ -1,4 +1,5 @@
<div class="toolbar">
<h1 class= "page-title"> Students</h1>
<button class="toolbar-btn" (click)="onAddStudent()">+ Add a Student</button>
</div>
@@ -7,7 +7,7 @@
.toolbar {
display: flex;
align-items: center;
justify-content: flex-end;
justify-content: space-between;
height: 40px;
padding-right: 0.5rem;
border-radius: 8px;
@@ -16,6 +16,11 @@
margin-bottom: 1rem;
flex-shrink: 0;
}
.page-title {
font-size: 24px;
font-weight: 600;
margin: 0;
}
.toolbar-btn {
padding: 0.375rem 0.75rem;