From 2f5146dadd68893ff68936ba129ec57f72fe6b4f Mon Sep 17 00:00:00 2001 From: alaurosancsoft Date: Fri, 26 Apr 2024 10:54:56 -0400 Subject: [PATCH] initial table style --- src/angular/hq/src/app/app.component.html | 127 +++++++++---- .../client-details.component.html | 54 ++++-- .../client-list/client-list.component.html | 14 +- .../hq/src/app/clients/clients.component.html | 174 ++++++++++++------ .../psr/psrdetails/psrdetails.component.html | 10 +- .../app/psr/psrlist/psrlist.component.html | 20 +- src/angular/hq/src/styles.scss | 8 +- src/angular/hq/tailwind.config.js | 11 +- 8 files changed, 290 insertions(+), 128 deletions(-) diff --git a/src/angular/hq/src/app/app.component.html b/src/angular/hq/src/app/app.component.html index 5542b2fa..cdd35720 100644 --- a/src/angular/hq/src/app/app.component.html +++ b/src/angular/hq/src/app/app.component.html @@ -1,45 +1,108 @@
- -
 
- - - -
- -
-
- -
- My Account - Sign out -
-
+ +
 
+ + + +
+ +
+
+ +
+ My Account + Sign out
-
Sanctuary Software Studio, Inc.
+
+
+
+ Sanctuary Software Studio, Inc.
+
- +
\ No newline at end of file +
1-20 / 200 items
+ + diff --git a/src/angular/hq/src/app/clients/client-details/client-details.component.html b/src/angular/hq/src/app/clients/client-details/client-details.component.html index 11fcc7dd..9de3aa44 100644 --- a/src/angular/hq/src/app/clients/client-details/client-details.component.html +++ b/src/angular/hq/src/app/clients/client-details/client-details.component.html @@ -1,25 +1,47 @@
-

[Client Name Here]

+

[Client Name Here]

-
-
$105.00
-
billingEmail@clientDomain.com
-
Official Name - Probably longer than the name
+
+
$105.00
+
billingEmail@clientDomain.com
+
+ Official Name - Probably longer than the name
+
-
-
- Search, Dropdown, Toggle Here -
-
- Projects - Quotes - Services - Invoices -
+
+
Search, Dropdown, Toggle Here
+
+ Projects + Quotes + Services + Invoices
+
- \ No newline at end of file + diff --git a/src/angular/hq/src/app/clients/client-list/client-list.component.html b/src/angular/hq/src/app/clients/client-list/client-list.component.html index 504fc70e..787ffc4f 100644 --- a/src/angular/hq/src/app/clients/client-list/client-list.component.html +++ b/src/angular/hq/src/app/clients/client-list/client-list.component.html @@ -1,13 +1,11 @@
-

Clients

+

Clients

-
-   -
+
 
- Some ID 1
- Some ID 2
- Some ID 3 -
\ No newline at end of file + Some ID 1
+ Some ID 2
+ Some ID 3 +
diff --git a/src/angular/hq/src/app/clients/clients.component.html b/src/angular/hq/src/app/clients/clients.component.html index 34fcb96f..5e08f2b1 100644 --- a/src/angular/hq/src/app/clients/clients.component.html +++ b/src/angular/hq/src/app/clients/clients.component.html @@ -1,57 +1,121 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Client NameRateBilling EmailOfficial Name
48HrBooks$105.00billiningEmail@48HrBooks.comOfficial Name - Probably longer than the NameVIEW
ABB$115.00billiningEmail@abb.comOfficial Name - Probably longer than the NameVIEW
JDM$100.00billiningEmail@jdm.comOfficial Name - Probably longer than the NameVIEW
Milliken$100.00billiningEmail@milliken.comOfficial Name - Probably longer than the NameVIEW
XB$100.00billiningEmail@xb.comOfficial Name - Probably longer than the NameVIEW
Zomedica$100.00billiningEmail@zomedica.comOfficial Name - Probably longer than the NameVIEW
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Client Name +
+
+ 		Official NameBilling Email + +
48HrBooks +
+
+ 		$105.00billiningEmail@48HrBooks.comOfficial Name - Probably longer than the NameVIEW
ABB +
+
+ 		$115.00billiningEmail@abb.comOfficial Name - Probably longer than the NameVIEW
JDM +
+
+ 		$100.00billiningEmail@jdm.comOfficial Name - Probably longer than the NameVIEW
Milliken +
+
+ 		$100.00billiningEmail@milliken.comOfficial Name - Probably longer than the NameVIEW
XB +
+
+ 		$100.00billiningEmail@xb.comOfficial Name - Probably longer than the NameVIEW
Zomedica +
+
+ 		$100.00billiningEmail@zomedica.comOfficial Name - Probably longer than the NameVIEW
48HrBooks +
+
+ 		$105.00billiningEmail@48HrBooks.comOfficial Name - Probably longer than the NameVIEW
+
+
+ + items per page +
+
+
+
+ 		+
+ < + 1 + 2 + 3 + 4 + 5 + > +
+
+
+
\ No newline at end of file diff --git a/src/angular/hq/src/app/psr/psrdetails/psrdetails.component.html b/src/angular/hq/src/app/psr/psrdetails/psrdetails.component.html index 1caccee8..1252800d 100644 --- a/src/angular/hq/src/app/psr/psrdetails/psrdetails.component.html +++ b/src/angular/hq/src/app/psr/psrdetails/psrdetails.component.html @@ -1,7 +1,7 @@
-

P 1006; POS

+

P 1006; POS

-
-
Dencar Technology
-
-
\ No newline at end of file +
+
Dencar Technology
+
+
diff --git a/src/angular/hq/src/app/psr/psrlist/psrlist.component.html b/src/angular/hq/src/app/psr/psrlist/psrlist.component.html index 531187b4..92d54150 100644 --- a/src/angular/hq/src/app/psr/psrlist/psrlist.component.html +++ b/src/angular/hq/src/app/psr/psrlist/psrlist.component.html @@ -1,15 +1,17 @@
-

PSR

+

PSR

-
-
$105.00
-
billingEmail@clientDomain.com
-
Official Name - Probably longer than the name
+
+
$105.00
+
billingEmail@clientDomain.com
+
+ Official Name - Probably longer than the name
+
- Some ID 1
- Some ID 2
- Some ID 3 -
\ No newline at end of file + Some ID 1
+ Some ID 2
+ Some ID 3 +
diff --git a/src/angular/hq/src/styles.scss b/src/angular/hq/src/styles.scss index 052efd29..8c38e960 100644 --- a/src/angular/hq/src/styles.scss +++ b/src/angular/hq/src/styles.scss @@ -106,8 +106,12 @@ $HQ-theme: mat.define-light-theme(( @tailwind components; @tailwind utilities; +html { + font-size: 14px; +} + html, body { height: 100%; - @apply text-gray-100; + @apply text-gray-100; } -body { margin: 0; font-family: "Open Sans", Roboto, "Helvetica Neue", sans-serif; } +body { margin: 0; } diff --git a/src/angular/hq/tailwind.config.js b/src/angular/hq/tailwind.config.js index e88ac8f6..d84c5dde 100644 --- a/src/angular/hq/tailwind.config.js +++ b/src/angular/hq/tailwind.config.js @@ -1,4 +1,5 @@ /** @type {import('tailwindcss').Config} */ +const defaultTheme = require('tailwindcss/defaultTheme') module.exports = { content: [ "./src/**/*.{html,ts}", @@ -9,6 +10,9 @@ module.exports = { 'open-sans': ['open-sans', 'sans-serif'] }, extend: { + fontFamily: { + sans: ['"Open Sans"', ...defaultTheme.fontFamily.sans,] + }, colors: { orange: { 50: '#fef8ee', @@ -72,10 +76,15 @@ module.exports = { '600': '#5d5d5d', '700': '#4f4f4f', '800': '#454545', + '850': '#313131', '900': '#3e3e3e', '950': '#262626', }, - 'black-alt': "#242424" + 'black-alt': "#242424", + teal: { + '200': '#B2EDF1', + '300': '#7adde6', + }, } }, },