changed a whole bunch of things. changed login,notes,attachment,add b…

…utton, and scout. Fixed some bugs as well
DurhamAcademy · Jan 16, 2025 · 63baddb · 63baddb
1 parent c704df5
commit 63baddb
Show file tree

Hide file tree

Showing 9 changed files with 25 additions and 19 deletions.
diff --git a/components/website-utils/AddButton.vue b/components/website-utils/AddButton.vue
@@ -23,7 +23,7 @@ let addButtonLinks = [
         <UPopover>
             <UButton
                 :ui="{ rounded: 'rounded-full' }"
-                class="m-0 shadow-md"
+                class="ml-20 shadow-md"
                 color="primary"
                 icon="i-heroicons-plus-20-solid"
                 size="xl"

diff --git a/components/website-utils/OuterComponents.vue b/components/website-utils/OuterComponents.vue
@@ -55,8 +55,7 @@ if (
 </script>
 
 <template>
-  <UCard>
-  <div class="flex min-h-screen w-screen flex-col">
+  <div class=" min-h-screen w-screen flex-col dark:bg-gray-800 m overflow-auto max-h-dvh ">
     <Navbar
       class="flex-grow basis-auto"
       :disable-sidebar="width > 800"
@@ -165,7 +164,6 @@ if (
     </div>
   </div>
   <AddButton />
-  </UCard>
 </template>
 
 <style scoped>

diff --git a/pages/attachment/add.vue b/pages/attachment/add.vue
@@ -182,9 +182,10 @@ const { isOverDropZone } = useDropZone(dropZoneRef, onDrop); // variable that ch
 
 <template>
   <navbar></navbar>
+  <UCard class="h-screen w-screen dark:bg-gray-800 rounded-none">
   <UContainer>
     <UCard
-      class="w-lg h-96 flex flex-wrap justify-center content-center m-3 transition-colors"
+      class="w-lg h-96 flex flex-wrap justify-center content-center m-3 transition-colors text-coral-400"
       :class="{ 'bg-emerald-100': isOverDropZone }"
       ref="dropZoneRef"
     >
@@ -301,6 +302,7 @@ const { isOverDropZone } = useDropZone(dropZoneRef, onDrop); // variable that ch
       </UTable>
     </UCard>
   </UContainer>
+  </UCard>
 </template>
 
 <style scoped />
diff --git a/pages/login.vue b/pages/login.vue
@@ -56,6 +56,7 @@ async function login(username: string, password: string) {
 </script>
 
 <template>
+  <UCard class="h-screen w-screen dark:bg-gray-800 rounded-none">
   <html>
     <head>
       <meta
@@ -74,7 +75,7 @@ async function login(username: string, password: string) {
     <LazyUCard>
       <template #header>
         <h2
-          class="font-semibold text-xl text-gray-900 dark:text-white leading-tight"
+          class="font-semibold text-xl text-gray-900 dark:text-primary leading-tight"
         >
           {{ 'Login' }}
         </h2>
@@ -140,6 +141,7 @@ async function login(username: string, password: string) {
       </LazyUForm>
     </LazyUCard>
   </LazyUContainer>
+  </UCard>
 </template>
 
 <style scoped>

diff --git a/pages/matches.vue b/pages/matches.vue
@@ -102,7 +102,7 @@ async function setup() {
   <OuterComponents>
     <VDataTable
       :loading="pending"
-      class="max-h-dvh overflow-auto dark:bg-gray-800 dark:text-white"
+      class="max-h-dvh overflow-auto dark:bg-gray-800 dark:text-white border-4 dark:border-gray-700"
       :headers="headers"
       :items="items"
       item-key="name"

diff --git a/pages/notes.vue b/pages/notes.vue
@@ -60,8 +60,9 @@ async function submit() {
 
 <template>
   <Navbar notes-mode></Navbar>
-  <div class="flex justify-center">
-    <UCard class="max-w-xl flex-grow m-5">
+  <UCard class="h-screen w-screen rounded-none">
+    <div class="flex justify-center">
+    <UCard class="max-w-xl flex-grow m-5 border-4 dark:border-gray-800">
       <template #default>
         <div class="pb-1.5">
           <UInput
@@ -97,6 +98,7 @@ async function submit() {
       </template>
     </UCard>
   </div>
+  </UCard>
 </template>
 
 <style scoped></style>
diff --git a/pages/predict.vue b/pages/predict.vue
@@ -363,7 +363,7 @@ watch(pending, () => {
         </UContainer>
         <UContainer
           :class="
-            'flex bg-red-100 p-5 mt-4 rounded-sm outline outline-3 ' +
+            'flex bg-red-100 dark:bg-red-400 dark:outline-red-400 p-5 mt-4 rounded-sm outline outline-3 ' +
             winningTeamColor[0]
           "
         >

diff --git a/pages/scout.vue b/pages/scout.vue
@@ -175,8 +175,9 @@ async function submit() {
 
 <template>
   <Navbar scout-mode></Navbar>
+  <UCard class="h-screen w-screen overflow-y-auto rounded-none">
   <div class="flex justify-center">
-    <UCard class="max-w-xl flex-grow m-5">
+    <UCard class="max-w-xl flex-grow m-5 dark:bg-gray-800">
       <template #header>
         <div style="display: flex">
           <div class="flex-0 pr-2">
@@ -482,7 +483,7 @@ async function submit() {
         <!-- A general notes area using the NUXT UI UTextarea-->
         <UTextarea
           v-model="scoutData.notes.notes"
-          color="yellow"
+          color="red"
           placeholder="Other notes..."
         />
         <br />
@@ -511,6 +512,7 @@ async function submit() {
       </template>
     </UCard>
   </div>
+  </UCard>
 </template>
 
 <style scoped></style>
diff --git a/pages/teams/index.vue b/pages/teams/index.vue
@@ -933,7 +933,7 @@ await tableSetup();
 
 <template>
   <OuterComponents class="z[11]">
-    <UCard class="max-h-dvh overflow-auto">
+    <UCard class="max-h-dvh overflow-auto dark:bg-gray-800 border-4 dark:border-gray-700">
       <template #header>
         <div class="flex">
           <UForm>
@@ -1017,27 +1017,27 @@ await tableSetup();
         <div>
             <table
               id="teamTable"
-              class="table-auto border-4 border-gray-50 dark:border-gray-800 dark:bg-gray-900"
+              class="table-auto border-4 border-gray-50 dark:border-gray-800"
             >
               <colgroup
                 span="2"
-                class="odd:bg-gray-50 dark:bg-gray-800"
+                class="odd:bg-gray-50 dark:bg-gray-800 border-4 dark:border-gray-700"
               />
               <colgroup
                 span="2"
-                class="odd:bg-gray-50 dark:bg-gray-700"
+                class="odd:bg-gray-50 dark:bg-gray-700 border-4 dark:border-gray-700"
               />
               <colgroup
                 span="3"
-                class="odd:bg-gray-50 dark:bg-gray-800"
+                class="odd:bg-gray-50 dark:bg-gray-800 border-4 dark:border-gray-700"
               />
               <colgroup
                 span="3"
-                class="odd:bg-gray-50 dark:bg-gray-700"
+                class="odd:bg-gray-50 dark:bg-gray-700 border-4 dark:border-gray-700"
               />
               <colgroup
                 span="3"
-                class="odd:bg-gray-50 dark:bg-gray-800"
+                class="odd:bg-gray-50 dark:bg-gray-800 border-4 dark:border-gray-700"
               />
               <thead class="top-0 sticky bg-gray-50 z-10">
               <tr>