mirror of
https://github.com/opelly27/WinStudentGoalTracker.git
synced 2026-05-20 01:47:41 +00:00
Updated UI and title in homepage
This commit is contained in:
+2
-2
@@ -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;
|
||||
}
|
||||
|
||||
+1
-1
@@ -22,7 +22,7 @@
|
||||
|
||||
<div class="field">
|
||||
<label for="programYear">Program Year</label>
|
||||
<input
|
||||
<input
|
||||
id="programYear"
|
||||
type="number"
|
||||
[(ngModel)]="form.programYear"
|
||||
|
||||
+1
@@ -1,4 +1,5 @@
|
||||
<div class="toolbar">
|
||||
<h1 class= "page-title"> Students</h1>
|
||||
<button class="toolbar-btn" (click)="onAddStudent()">+ Add a Student</button>
|
||||
</div>
|
||||
|
||||
|
||||
+6
-1
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user