CellTech/lms-frontend
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Different styled headers

Browse Source
This commit is contained in:
Jose Daniel G. Percy 2025-04-08 11:50:18 +08:00
parent 4923ccf30c
commit ff9fdc7982
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/DashboardPage.ts
View File

@ -9,7 +9,7 @@ class WelcomeWidget extends Widget {
const widgetDiv = createElement('div'); const widgetDiv = createElement('div');
widgetDiv.classList.add('widget', 'welcome-widget'); widgetDiv.classList.add('widget', 'welcome-widget');
widgetDiv.innerHTML = ` widgetDiv.innerHTML = `
<div class="widget-header">Welcome to the Dashboard</div> <div class="widget-header centered-header">Welcome to the Dashboard</div>
<div class="widget-body"> <div class="widget-body">
This is your dashboard. More widgets will be added here. This is your dashboard. More widgets will be added here.
</div> </div>

6
src/style.css
View File

@ -58,8 +58,12 @@ body {
border-radius: 5px; border-radius: 5px;
} }
.widget-header { .centered-header {
font-size: 24px; font-size: 24px;
text-align: center;
}
.widget-header {
margin-bottom: 10px; margin-bottom: 10px;
font-weight: bold; font-weight: bold;
} }