Add TailwindCSS (#1252)

* Setup TailwindCSS

* Fully setup configuration

* Refactor some tailwind variables
This commit is contained in:
Evan Song
2024-07-06 20:57:32 -07:00
committed by GitHub
parent 0f2ddb452c
commit abec2e48d4
176 changed files with 7905 additions and 7433 deletions

View File

@@ -49,36 +49,36 @@
</template>
<script setup>
import { PlusIcon, UsersIcon } from '@modrinth/assets'
import { Avatar } from '@modrinth/ui'
import { useAuth } from '~/composables/auth.js'
import OrganizationCreateModal from '~/components/ui/OrganizationCreateModal.vue'
import { PlusIcon, UsersIcon } from "@modrinth/assets";
import { Avatar } from "@modrinth/ui";
import { useAuth } from "~/composables/auth.js";
import OrganizationCreateModal from "~/components/ui/OrganizationCreateModal.vue";
const createOrgModal = ref(null)
const createOrgModal = ref(null);
const auth = await useAuth()
const uid = computed(() => auth.value.user?.id || null)
const auth = await useAuth();
const uid = computed(() => auth.value.user?.id || null);
const { data: orgs, error } = useAsyncData('organizations', () => {
if (!uid.value) return Promise.resolve(null)
const { data: orgs, error } = useAsyncData("organizations", () => {
if (!uid.value) return Promise.resolve(null);
return useBaseFetch('user/' + uid.value + '/organizations', {
return useBaseFetch("user/" + uid.value + "/organizations", {
apiVersion: 3,
})
})
});
});
const onlyAcceptedMembers = (members) => members.filter((member) => member?.accepted)
const onlyAcceptedMembers = (members) => members.filter((member) => member?.accepted);
if (error.value) {
createError({
statusCode: 500,
message: 'Failed to fetch organizations',
})
message: "Failed to fetch organizations",
});
}
const openCreateOrgModal = () => {
createOrgModal.value?.show()
}
createOrgModal.value?.show();
};
</script>
<style scoped lang="scss">