17th-Ranger-Battalion-ORG/17th-Site-Front-End-V2
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed issues with tailwind not extending default styles

Browse Source
This commit is contained in:
ajdj100
2023-11-15 16:40:05 -05:00
parent ea72aecf5c
commit d8b9948cb5
3 changed files with 27 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
17th Website/src/components/inputs/pingableTextBox.vue
View File

@@ -91,7 +91,7 @@ export default {
<div class="relative"> <div class="relative">
<input type="text" v-model="search" @input="onchange" @keydown.down="bumpDown" @keydown.up="bumpUp" <input type="text" v-model="search" @input="onchange" @keydown.down="bumpDown" @keydown.up="bumpUp"
@keydown.enter="select" @keydown.tab="select" :class="{}" @keydown.enter="select" @keydown.tab="select" :class="{}"
class="bg-gray-light rounded-md text-white"/> class="bg-gray-light rounded-md text-white focus:outline-none p-1 px-2"/>
<ul id="results" v-show="isOpen"> <ul id="results" v-show="isOpen">
<li class="result" v-for="(result, i) in results" :key="i" @click="setResult(result)" <li class="result" v-for="(result, i) in results" :key="i" @click="setResult(result)"
:class="{ 'is-active': i === arrowCounter }"> :class="{ 'is-active': i === arrowCounter }">
@@ -122,7 +122,7 @@ export default {
.result.is-active, .result.is-active,
.result:hover { .result:hover {
background-color: #4AAE9B; background-color: #01bde7;
color: white; color: white;
} }
</style> </style>

6
17th Website/src/forms/transferForm.vue
View File

@@ -31,7 +31,7 @@ export default {
<div class="bg-gray-dark rounded-xl max-w-4xl min-w-formWidth px-5"> <div class="bg-gray-dark rounded-xl max-w-4xl min-w-formWidth px-5">
<h1 class="m-0">Unit Transfer</h1> <h1 class="m-0">Unit Transfer</h1>
<div id="container mx-"> <div id="container" class="mx-auto">
<div class="flex flex-row items-center"> <div class="flex flex-row items-center">
<div id="from" class="flex flex-col items-center"> <div id="from" class="flex flex-col items-center">
<img src="../components/icons/misc/test.png" class="h-40"> <img src="../components/icons/misc/test.png" class="h-40">
@@ -42,11 +42,11 @@ export default {
<div id="to" class="flex flex-col items-center"> <div id="to" class="flex flex-col items-center">
<img src="../components/icons/misc/test.png" class="h-40"> <img src="../components/icons/misc/test.png" class="h-40">
<p class="text-white text-3xl font-medium">Company</p> <Dropdown values="units"></Dropdown>
</div> </div>
</div> </div>
</div> </div>
<Dropdown values="units"></Dropdown>
</div> </div>
</template> </template>

4
17th Website/tailwind.config.js
View File

@@ -6,6 +6,7 @@ module.exports = {
], ],
darkMode: true, darkMode: true,
theme: { theme: {
extend: {
colors: { colors: {
'transparent': 'transparent', 'transparent': 'transparent',
'white': '#EDF2F4', 'white': '#EDF2F4',
@@ -28,7 +29,8 @@ module.exports = {
minWidth: { minWidth: {
'formWidth': '768px', 'formWidth': '768px',
}, },
extend: {}, },
}, },
plugins: [], plugins: [],
} }