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"> <form class="modal-body" (ngSubmit)="onSubmit()" #goalForm="ngForm">
<div class="field"> <div class="field">
<label for="title">Title</label> <label for="title">Title<span class="required">*</span></label>
<input <input
id="title" id="title"
type="text" type="text"
@@ -21,7 +21,7 @@
</div> </div>
<div class="field"> <div class="field">
<label for="category">Category</label> <label for="category">Category<span class="required">*</span></label>
<input <input
id="category" id="category"
type="text" type="text"
@@ -139,3 +139,8 @@
opacity: 0.55; opacity: 0.55;
cursor: not-allowed; cursor: not-allowed;
} }
.required {
color: red;
margin-left: 4px;
}
@@ -22,7 +22,7 @@
<div class="field"> <div class="field">
<label for="programYear">Program Year</label> <label for="programYear">Program Year</label>
<input <input
id="programYear" id="programYear"
type="number" type="number"
[(ngModel)]="form.programYear" [(ngModel)]="form.programYear"
@@ -1,4 +1,5 @@
<div class="toolbar"> <div class="toolbar">
<h1 class= "page-title"> Students</h1>
<button class="toolbar-btn" (click)="onAddStudent()">+ Add a Student</button> <button class="toolbar-btn" (click)="onAddStudent()">+ Add a Student</button>
</div> </div>
@@ -7,7 +7,7 @@
.toolbar { .toolbar {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: space-between;
height: 40px; height: 40px;
padding-right: 0.5rem; padding-right: 0.5rem;
border-radius: 8px; border-radius: 8px;
@@ -16,6 +16,11 @@
margin-bottom: 1rem; margin-bottom: 1rem;
flex-shrink: 0; flex-shrink: 0;
} }
.page-title {
font-size: 24px;
font-weight: 600;
margin: 0;
}
.toolbar-btn { .toolbar-btn {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;