From c487545db8e181a6680aaed025bf5ceb6f8df501 Mon Sep 17 00:00:00 2001 From: Kevin Monisit Date: Sat, 2 Sep 2023 18:44:23 -0400 Subject: [PATCH] Fixed invisible text in dashboard --- public/tailwind-output.css | 214 +++++------------- src/components/Team/Team.jsx | 6 +- .../sections/hero/MainHeroContent.tsx | 4 +- tailwind.config.js | 3 + 4 files changed, 64 insertions(+), 163 deletions(-) diff --git a/public/tailwind-output.css b/public/tailwind-output.css index ad92e2691..5bd7d791c 100644 --- a/public/tailwind-output.css +++ b/public/tailwind-output.css @@ -625,10 +625,6 @@ video { visibility: hidden; } -.collapse { - visibility: collapse; -} - .static { position: static; } @@ -654,8 +650,8 @@ video { left: -7rem; } -.top-\[10rem\] { - top: 10rem; +.-top-\[7rem\] { + top: -7rem; } .top-\[44rem\] { @@ -678,18 +674,14 @@ video { right: 0px; } -.top-2 { - top: 0.5rem; +.top-0 { + top: 0px; } .left-4 { left: 1rem; } -.top-0 { - top: 0px; -} - .bottom-\[3rem\] { bottom: 3rem; } @@ -718,6 +710,10 @@ video { left: 35rem; } +.top-\[10rem\] { + top: 10rem; +} + .left-\[-10rem\] { left: -10rem; } @@ -734,24 +730,8 @@ video { left: -20rem; } -.top-\[0rem\] { - top: 0rem; -} - -.-top-\[8rem\] { - top: -8rem; -} - -.-top-\[5rem\] { - top: -5rem; -} - -.-top-\[7rem\] { - top: -7rem; -} - -.z-30 { - z-index: 30; +.z-50 { + z-index: 50; } .z-20 { @@ -766,8 +746,8 @@ video { z-index: 40; } -.z-50 { - z-index: 50; +.z-30 { + z-index: 30; } .z-0 { @@ -787,6 +767,11 @@ video { margin-bottom: 0.5rem; } +.my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; +} + .mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; @@ -802,11 +787,6 @@ video { margin-bottom: 1.25rem; } -.my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; -} - .mt-3 { margin-top: 0.75rem; } @@ -823,6 +803,14 @@ video { margin-bottom: 1.25rem; } +.mr-4 { + margin-right: 1rem; +} + +.ml-4 { + margin-left: 1rem; +} + .mt-5 { margin-top: 1.25rem; } @@ -851,14 +839,6 @@ video { margin-bottom: 5rem; } -.mt-40 { - margin-top: 10rem; -} - -.mt-10 { - margin-top: 2.5rem; -} - .-mt-5 { margin-top: -1.25rem; } @@ -867,22 +847,6 @@ video { margin-left: 1.5rem; } -.mr-10 { - margin-right: 2.5rem; -} - -.mr-4 { - margin-right: 1rem; -} - -.ml-4 { - margin-left: 1rem; -} - -.mt-20 { - margin-top: 5rem; -} - .block { display: block; } @@ -921,6 +885,10 @@ video { height: fit-content; } +.h-2 { + height: 0.5rem; +} + .h-6 { height: 1.5rem; } @@ -941,10 +909,6 @@ video { height: 100vh; } -.h-2 { - height: 0.5rem; -} - .h-\[4rem\] { height: 4rem; } @@ -953,10 +917,6 @@ video { height: auto; } -.h-1 { - height: 0.25rem; -} - .min-h-\[600px\] { min-height: 600px; } @@ -969,6 +929,10 @@ video { width: 100%; } +.w-1\/6 { + width: 16.666667%; +} + .w-36 { width: 9rem; } @@ -1035,18 +999,6 @@ video { width: 11rem; } -.w-28 { - width: 7rem; -} - -.w-1\/6 { - width: 16.666667%; -} - -.w-10\/12 { - width: 83.333333%; -} - .max-w-lg { max-width: 32rem; } @@ -1218,6 +1170,11 @@ video { border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)); } +.bg-text { + --tw-bg-opacity: 1; + background-color: rgb(241 225 146 / var(--tw-bg-opacity)); +} + .bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)); @@ -1243,16 +1200,6 @@ video { background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } -.bg-text { - --tw-bg-opacity: 1; - background-color: rgb(241 225 146 / var(--tw-bg-opacity)); -} - -.bg-black { - --tw-bg-opacity: 1; - background-color: rgb(0 0 0 / var(--tw-bg-opacity)); -} - .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } @@ -1288,10 +1235,6 @@ video { padding: 2.5rem; } -.p-24 { - padding: 6rem; -} - .px-4 { padding-left: 1rem; padding-right: 1rem; @@ -1355,10 +1298,6 @@ video { padding-top: 1.25rem; } -.pt-64 { - padding-top: 16rem; -} - .pb-\[24rem\] { padding-bottom: 24rem; } @@ -1391,6 +1330,10 @@ video { padding-right: 0.5rem; } +.pb-24 { + padding-bottom: 6rem; +} + .pr-5 { padding-right: 1.25rem; } @@ -1399,14 +1342,6 @@ video { padding-left: 1rem; } -.pb-12 { - padding-bottom: 3rem; -} - -.pb-24 { - padding-bottom: 6rem; -} - .text-left { text-align: left; } @@ -1423,16 +1358,16 @@ video { vertical-align: middle; } -.text-2xl { - font-size: 1.5rem; - line-height: 2rem; -} - .text-7xl { font-size: 4.5rem; line-height: 1; } +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} + .text-sm { font-size: 0.875rem; line-height: 1.25rem; @@ -1499,6 +1434,11 @@ video { text-transform: capitalize; } +.text-text { + --tw-text-opacity: 1; + color: rgb(241 225 146 / var(--tw-text-opacity)); +} + .text-red-400 { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity)); @@ -1509,11 +1449,6 @@ video { color: rgb(185 28 28 / var(--tw-text-opacity)); } -.text-text { - --tw-text-opacity: 1; - color: rgb(241 225 146 / var(--tw-text-opacity)); -} - .text-textSubtitle { --tw-text-opacity: 1; color: rgb(241 225 146 / var(--tw-text-opacity)); @@ -1691,10 +1626,6 @@ video { } @media (min-width: 640px) { - .sm\:mt-24 { - margin-top: 6rem; - } - .sm\:grid { display: grid; } @@ -1730,11 +1661,6 @@ video { font-size: 8rem; line-height: 1; } - - .sm\:text-7xl { - font-size: 4.5rem; - line-height: 1; - } } @media (min-width: 768px) { @@ -1804,10 +1730,6 @@ video { margin-top: 0px; } - .md\:mt-40 { - margin-top: 10rem; - } - .md\:flex { display: flex; } @@ -1919,8 +1841,8 @@ video { left: -10rem; } - .lg\:top-\[10rem\] { - top: 10rem; + .lg\:-top-\[8rem\] { + top: -8rem; } .lg\:-right-44 { @@ -1955,18 +1877,6 @@ video { left: -20rem; } - .lg\:top-\[0rem\] { - top: 0rem; - } - - .lg\:-top-\[6rem\] { - top: -6rem; - } - - .lg\:-top-\[8rem\] { - top: -8rem; - } - .lg\:w-\[32rem\] { width: 32rem; } @@ -1994,26 +1904,14 @@ video { left: -15rem; } - .xl\:top-\[10rem\] { - top: 10rem; + .xl\:-top-\[8rem\] { + top: -8rem; } .xl\:top-\[7rem\] { top: 7rem; } - .xl\:top-\[0rem\] { - top: 0rem; - } - - .xl\:-top-\[6rem\] { - top: -6rem; - } - - .xl\:-top-\[8rem\] { - top: -8rem; - } - .xl\:w-\[40rem\] { width: 40rem; } diff --git a/src/components/Team/Team.jsx b/src/components/Team/Team.jsx index 90e48f5f5..ba0f23253 100644 --- a/src/components/Team/Team.jsx +++ b/src/components/Team/Team.jsx @@ -70,8 +70,8 @@ class Team extends Component { (

Our organizing teams are not currently accepting applications, but please keep in touch with us by visiting our website, hackru.org, and checking out our social media!

)} - - {!defaults.volunteers ? + + {!defaults.volunteers ? (

Interested in volunteering? Volunteers help HackRU run smoothly by assisting the organizing team during the event. Sign up to volunteer.

@@ -84,7 +84,7 @@ class Team extends Component {

The VHX team will release volunteer and mentor sign-ups and hold training sessions for volunteers prior to the event.

)} - {!defaults.volunteers ? + {!defaults.volunteers ? (

Interested in volunteering? Volunteers help HackRU run smoothly by assisting the organizing team during the event. Sign up to volunteer.

diff --git a/src/components/_Landing/sections/hero/MainHeroContent.tsx b/src/components/_Landing/sections/hero/MainHeroContent.tsx index 38f7806c5..57b153eab 100644 --- a/src/components/_Landing/sections/hero/MainHeroContent.tsx +++ b/src/components/_Landing/sections/hero/MainHeroContent.tsx @@ -2,7 +2,7 @@ import React from "react"; import { Link } from "react-router-dom"; import SocialMediaComponent from "../../global_components/SocialMediaComponent"; -function LoginAndRegister(props: { isLoggedIn: boolean, registrationOpen: false, }) { +function LoginAndRegister(props: { isLoggedIn: boolean, registrationOpen: true, }) { const { isLoggedIn, registrationOpen } = props; return (
@@ -50,7 +50,7 @@ function CenterContent({ isLoggedIn }: { isLoggedIn: boolean }) {
diff --git a/tailwind.config.js b/tailwind.config.js index 7f1fb9543..1f6dafd11 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -3,6 +3,9 @@ module.exports = { content: [ "./src/**/*.{js,jsx,ts,tsx}", ], + blocklist: [ + "collapse", + ], theme: { extend: { screens: {