derek/boredcareers
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Start to organize the page layout better

Browse Source
This commit is contained in:
Derek Holloway
2025-09-04 20:13:55 -07:00
parent 8c5ae6a241
commit d9bd4355c7
2 changed files with 33 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Client/src/app/pages/jobs/viewer/jobviewer.component.css
+2 -2
View File
@@ -1,5 +1,5 @@
.company-details { .company-details {
background-color: #5c3030; background-color: var(--mistox-bg-light);
} }
.company-details::after { .company-details::after {
@@ -82,7 +82,7 @@
} }
.job-details { .job-details {
background-color: #3c3c3c; padding-bottom: 40px;
} }
.job-timestamp { .job-timestamp {
src/Client/src/app/pages/jobs/viewer/jobviewer.component.html
+31 -28
View File
@@ -1,26 +1,5 @@
<div class="job-frame"> <div class="job-frame">
@if (jobsCompany != null){
<div class="company-details">
<div class="center-item">
<a [href]="jobsCompany.websiteURL">
<img [src]="jobsCompany.logo" />
</a>
</div>
<div class="center-item">
<div class="content-link"><a [href]="'mailto:' + jobsCompany.email" >{{ jobsCompany.email }}</a></div>
<div class="content-name"><h1>{{ jobsCompany.name }}</h1></div>
<div class="content-link"><a [href]="'tel:' + jobsCompany.phone">{{ jobsCompany.phone }}</a></div>
</div>
<div class="center-item">
<h1>{{ jobsCompany.city }}, {{ jobsCompany.stateOrRegion }} {{ jobsCompany.postalCode }}</h1>
</div>
<div class="content-desc">
@for(line of jobsCompany.description.split('\n'); track line.length){
<h1>{{ line }}</h1>
}
</div>
</div>
}
@if (selectedJob != null) { @if (selectedJob != null) {
<div class="job-details"> <div class="job-details">
@if (selectedJob.isDeleted){ @if (selectedJob.isDeleted){
@@ -32,6 +11,12 @@
<h1>{{ selectedJob.title }}</h1> <h1>{{ selectedJob.title }}</h1>
</div> </div>
<div class="split"> <div class="split">
<div class="nobreak">
<h1>Job Description: </h1>
<div class="description-box">
<h1>{{ selectedJob.description }}</h1>
</div>
</div>
<div class="nobreak"> <div class="nobreak">
<h1>Job Details:</h1> <h1>Job Details:</h1>
<div class="detail-block"> <div class="detail-block">
@@ -78,12 +63,6 @@
<span>Opened: {{ selectedJob.createdTime }} | Last Updated: {{ selectedJob.modifiedTime }}</span> <span>Opened: {{ selectedJob.createdTime }} | Last Updated: {{ selectedJob.modifiedTime }}</span>
</div> </div>
</div> </div>
<div class="nobreak">
<h1>Job Description: </h1>
<div class="description-box">
<h1>{{ selectedJob.description }}</h1>
</div>
</div>
</div> </div>
<div class="bottom-bar"> <div class="bottom-bar">
@@ -93,4 +72,28 @@
</div> </div>
</div> </div>
} }
@if (jobsCompany != null){
<div class="company-details">
<div class="center-item">
<a [href]="jobsCompany.websiteURL">
<img [src]="jobsCompany.logo" />
</a>
</div>
<div class="center-item">
<div class="content-link"><a [href]="'mailto:' + jobsCompany.email" >{{ jobsCompany.email }}</a></div>
<div class="content-name"><h1>{{ jobsCompany.name }}</h1></div>
<div class="content-link"><a [href]="'tel:' + jobsCompany.phone">{{ jobsCompany.phone }}</a></div>
</div>
<div class="center-item">
<h1>{{ jobsCompany.city }}, {{ jobsCompany.stateOrRegion }} {{ jobsCompany.postalCode }}</h1>
</div>
<div class="content-desc">
@for(line of jobsCompany.description.split('\n'); track line.length){
<h1>{{ line }}</h1>
}
</div>
</div>
}
</div> </div>