zavage-software/skrill-frontend
1
0
Fork 0
mirror of https://git.zavage.net/Zavage-Software/skrill-frontend.git synced 2025-01-18 03:32:02 -07:00
Code Issues Actions Packages Projects Releases Wiki Activity

build: styling on webpage, footer colors, ag-grid colors, scrollToTop()

Browse Source
This commit is contained in:
Mathew Guest 2024-08-04 10:44:52 -06:00
parent c876484a91
commit 9474ed6aa6
5 changed files with 37 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/app.component.css
View File

@ -5,3 +5,9 @@ body {
padding: 0;
font-family: sans-serif;
}
footer {
background: rgba(28, 45, 58.5);
border-top: 1px solid #545050;
color: #ccc;
}

6
src/app/app.component.html
View File

@ -33,16 +33,16 @@
</div>
</main>
<footer class="footer mt-auto py-3 bg-light">
<footer class="footer mt-auto py-3">
<div class="container">
<div class="col">
<span class="text-muted"
<span
>Copyright &copy; 2024 Zavage Software Inc., all rights reserved.<br />
Denver, CO</span
>
</div>
<div class="col">
<button class="btn btn-primary" title="Go to top">Go to Top</button>
<button class="btn btn-primary" title="Go to top" (click)="scrollToTop()">Go to Top</button>
</div>
</div>
</footer>

6
src/app/app.component.ts
View File

@ -12,4 +12,10 @@ import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
})
export class AppComponent {
title = 'Skrill - get rich or die trying!!';
// When the user clicks on the button, scroll to the top of the document
scrollToTop() {
document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}
}

2
src/app/scouting-crypto/scouting-crypto.component.html
View File

@ -1,4 +1,4 @@
<p>scouting-crypto works!</p>
<!-- The AG Grid component -->
<ag-grid-angular class="ag-theme-quartz" style="height: 500px" [rowData]="rowData" [columnDefs]="colDefs" />
<ag-grid-angular class="ag-theme-quartz-dark" style="height: 2500px" [rowData]="rowData" [columnDefs]="colDefs" />

21
src/app/scouting-crypto/scouting-crypto.component.ts
View File

@ -15,6 +15,27 @@ export class ScoutingCryptoComponent {
{ make: 'Tesla', model: 'Model Y', price: 64950, electric: true },
{ make: 'Ford', model: 'F-Series', price: 33850, electric: false },
{ make: 'Toyota', model: 'Corolla', price: 29600, electric: false },
{ make: 'Tesla', model: 'Model Y', price: 64950, electric: true },
{ make: 'Ford', model: 'F-Series', price: 33850, electric: false },
{ make: 'Toyota', model: 'Corolla', price: 29600, electric: false },
{ make: 'Tesla', model: 'Model Y', price: 64950, electric: true },
{ make: 'Ford', model: 'F-Series', price: 33850, electric: false },
{ make: 'Toyota', model: 'Corolla', price: 29600, electric: false },
{ make: 'Tesla', model: 'Model Y', price: 64950, electric: true },
{ make: 'Ford', model: 'F-Series', price: 33850, electric: false },
{ make: 'Toyota', model: 'Corolla', price: 29600, electric: false },
{ make: 'Tesla', model: 'Model Y', price: 64950, electric: true },
{ make: 'Ford', model: 'F-Series', price: 33850, electric: false },
{ make: 'Toyota', model: 'Corolla', price: 29600, electric: false },
{ make: 'Tesla', model: 'Model Y', price: 64950, electric: true },
{ make: 'Ford', model: 'F-Series', price: 33850, electric: false },
{ make: 'Toyota', model: 'Corolla', price: 29600, electric: false },
{ make: 'Tesla', model: 'Model Y', price: 64950, electric: true },
{ make: 'Ford', model: 'F-Series', price: 33850, electric: false },
{ make: 'Toyota', model: 'Corolla', price: 29600, electric: false },
{ make: 'Tesla', model: 'Model Y', price: 64950, electric: true },
{ make: 'Ford', model: 'F-Series', price: 33850, electric: false },
{ make: 'Toyota', model: 'Corolla', price: 29600, electric: false },
];
// Column Definitions: Defines the columns to be displayed.