From 84de03c640ab951401b2e9074fb730308b321bc8 Mon Sep 17 00:00:00 2001 From: wajeht <58354193+wajeht@users.noreply.github.com> Date: Sun, 22 Sep 2024 00:04:58 -0500 Subject: [PATCH] chore: wip --- public/css/style.css | 44 +++++++++---------- src/api/auth/auth.services.ts | 12 ++--- .../health-check/health-check.controllers.ts | 2 +- src/api/rankings/rankings.services.ts | 1 - src/api/status/status.controllers.ts | 1 - src/views/components/rankings-table.html | 2 +- src/views/pages/home.html | 4 +- 7 files changed, 30 insertions(+), 36 deletions(-) diff --git a/public/css/style.css b/public/css/style.css index 1fcea5a..3d0053d 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -44,10 +44,9 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; - tab-size: 4; + tab-size: 4; /* 3 */ - font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', - 'Segoe UI Symbol', 'Noto Color Emoji'; + font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ @@ -90,7 +89,7 @@ Add the correct text decoration in Chrome, Edge, and Safari. abbr:where([title]) { -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; + text-decoration: underline dotted; } /* @@ -136,8 +135,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', - 'Courier New', monospace; + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ @@ -380,8 +378,7 @@ textarea { 2. Set the default placeholder color to the user's configured gray 400 color. */ -input::-moz-placeholder, -textarea::-moz-placeholder { +input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; @@ -401,7 +398,7 @@ Set the default cursor for buttons. */ button, -[role='button'] { +[role="button"] { cursor: pointer; } @@ -449,9 +446,7 @@ video { display: none; } -*, -::before, -::after { +*, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; @@ -655,6 +650,14 @@ video { margin-top: 1.75rem !important; } +.mt-8 { + margin-top: 2rem !important; +} + +.mt-5 { + margin-top: 1.25rem !important; +} + .block { display: block !important; } @@ -740,14 +743,12 @@ video { } .transform { - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) - skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) - scaleY(var(--tw-scale-y)) !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } @keyframes pulse { 50% { - opacity: 0.5; + opacity: .5; } } @@ -1078,13 +1079,8 @@ video { .backdrop-blur-sm { --tw-backdrop-blur: blur(4px) !important; - -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) - var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) - var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) - var(--tw-backdrop-sepia) !important; - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) - var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) - var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; } * { @@ -1147,7 +1143,7 @@ html { } .hover\:outline-\[\#1A8755\]:hover { - outline-color: #1a8755 !important; + outline-color: #1A8755 !important; } .hover\:outline-slate-50:hover { diff --git a/src/api/auth/auth.services.ts b/src/api/auth/auth.services.ts index 95ce7a1..1f88e89 100644 --- a/src/api/auth/auth.services.ts +++ b/src/api/auth/auth.services.ts @@ -1,7 +1,7 @@ import axios from 'axios'; import qs from 'qs'; -import { OAUTH } from '../../config/constants'; +import { oauthConfig } from '../../config/constants'; import logger from '../../utils/logger'; export interface GoogleOauthToken { @@ -40,9 +40,9 @@ export async function getGoogleOauthToken({ code }: { code: string }): Promise { const rootUrl = 'https://github.com/login/oauth/access_token'; const options = { - client_id: OAUTH.GITHUB.CLIENT_ID, - client_secret: OAUTH.GITHUB.CLIENT_SECRET, + client_id: oauthConfig.google.client_id, + client_secret: oauthConfig.google.client_secret, code, }; diff --git a/src/api/health-check/health-check.controllers.ts b/src/api/health-check/health-check.controllers.ts index 41886f7..17451bb 100644 --- a/src/api/health-check/health-check.controllers.ts +++ b/src/api/health-check/health-check.controllers.ts @@ -1,7 +1,7 @@ import { Request, Response } from 'express'; import { StatusCodes } from 'http-status-codes'; -import { X_API_KEY } from '../../config/constants'; +import { appConfig } from '../../config/constants'; import { getHostName } from '../../utils/helpers'; import { getAPIStatus } from './health-check.services'; diff --git a/src/api/rankings/rankings.services.ts b/src/api/rankings/rankings.services.ts index 6f69cb6..dd5f857 100644 --- a/src/api/rankings/rankings.services.ts +++ b/src/api/rankings/rankings.services.ts @@ -3,7 +3,6 @@ import { StatusCodes } from 'http-status-codes'; import Axios from '../../utils/axios'; import { buildPagination } from '../../utils/helpers'; -// @ts-ignore import redis from '../../utils/redis'; import { getRankType, getRankingsType } from './rankings.validations'; diff --git a/src/api/status/status.controllers.ts b/src/api/status/status.controllers.ts index 8588f64..14fac9f 100644 --- a/src/api/status/status.controllers.ts +++ b/src/api/status/status.controllers.ts @@ -8,7 +8,6 @@ import { getStatusType } from './status.validations'; export async function getStatus(req: Request<{}, {}, getStatusType>, res: Response) { const status = await StatusServices.getStatus(req.query); - // @ts-ignore logger.info(`user_id: ${req?.user?.id} has called ${req.originalUrl}`); res.status(StatusCodes.OK).json({ diff --git a/src/views/components/rankings-table.html b/src/views/components/rankings-table.html index 4bb642b..16135e8 100644 --- a/src/views/components/rankings-table.html +++ b/src/views/components/rankings-table.html @@ -1,4 +1,4 @@ -
+

An intuitive api for open-powerlifting database.

-
+