imshvc/noxious_client
1
0
Fork 0
forked from noxious/client
Code Pull Requests Activity

Removed unused classnames

Browse Source
This commit is contained in:
Colin Kallemein
2024-07-06 23:11:24 +02:00
parent 27641f2df8
commit 5fad4583ad
14 changed files with 75 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/screens/Characters.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="character-select-screen bg-gray-300 relative">
<div class="bg-gray-300 relative">
<div class="absolute bg-[url('/assets/shapes/select-screen-bg-shape.svg')] bg-no-repeat bg-center w-full h-full"></div>
<div class="ui-wrapper h-dvh flex flex-col justify-center items-center gap-[80px] px-[80px]">
<div class="filler"></div>
@ -116,6 +116,8 @@ onBeforeUnmount(() => {
</script>
<style lang="scss">
@import '@/assets/scss/main';
.characters-wrapper {
.character {
&.active {
@ -134,6 +136,7 @@ onBeforeUnmount(() => {
@apply gap-[15px];
}
}
&:hover {
@apply gap-[20px];
}

12
src/screens/Game.vue
View File

@ -1,23 +1,23 @@
<template>
<div class="game-container flex justify-center items-center h-dvh p-[30px] relative">
<div class="flex justify-center items-center h-dvh p-[30px] relative">
<GmTools v-if="isLoaded" />
<GmPanel v-if="isLoaded" />
<Game class="game" :config="gameConfig" @create="createGame" v-if="!zoneEditorStore.active">
<Game :config="gameConfig" @create="createGame" v-if="!zoneEditorStore.active">
<Scene name="main" @preload="preloadScene" @create="createScene">
<div class="top-ui flex absolute justify-between left-0 right-0 top-[48px] mx-[48px] my-0" v-if="isLoaded">
<div class="flex absolute justify-between left-0 right-0 top-[48px] mx-[48px] my-0" v-if="isLoaded">
<Hud />
</div>
<div class="center-ui" v-if="isLoaded">
<div v-if="isLoaded">
<World />
</div>
<div class="bottom-ui flex absolute justify-between left-0 right-0 bottom-[100px] h-[100px] mx-[48px] my-0" v-if="isLoaded">
<div class="flex absolute justify-between left-0 right-0 bottom-[100px] h-[100px] mx-[48px] my-0" v-if="isLoaded">
<Chat />
<Menubar />
</div>
</Scene>
</Game>
<Game class="game" :config="gameConfig" @create="createGame" v-if="zoneEditorStore.active">
<Game :config="gameConfig" @create="createGame" v-if="zoneEditorStore.active">
<Scene name="main" @preload="preloadScene" @create="createScene">
<ZoneEditor v-if="isLoaded" />
</Scene>

22
src/screens/Login.vue
View File

@ -1,25 +1,25 @@
<template>
<div class="login-screen bg-gray-300">
<div class="bg-gray-300">
<div class="absolute bg-[url('/assets/shapes/select-screen-bg-shape.svg')] bg-no-repeat bg-center w-full h-full z-10 pointer-events-none"></div>
<div class="content-wrapper z-20 w-full h-dvh flex items-center justify-between flex-col relative">
<div class="z-20 w-full h-dvh flex items-center justify-between flex-col relative">
<div class="filler"></div>
<h1 class="main-title mt-[115px] text-center text-6xl">NEW QUEST</h1>
<h1 class="mt-[115px] text-center text-6xl">NEW QUEST</h1>
<form @submit.prevent="loginFunc">
<div class="content-elements my-[80px] mx-0 w-full flex flex-col gap-[24px]">
<div class="login-form w-full grid gap-[15px]">
<div class="form-field flex flex-col bg-white bg-opacity-50 rounded-[3px] border border-solid border-gray-50 sm:min-w-[500px] sm:w-unset w-full my-0 mx-auto">
<div class="my-[80px] mx-0 w-full flex flex-col gap-[24px]">
<div class="w-full grid gap-[15px]">
<div class="flex flex-col bg-white bg-opacity-50 rounded-[3px] border border-solid border-gray-50 sm:min-w-[500px] sm:w-unset w-full my-0 mx-auto">
<label class="text-black bg-white bg-opacity-50 p-1 text-sm rounded-t-[3px]" for="username">Username</label>
<input class="p-1 text-sm focus-visible:outline-none" id="username" v-model="username" type="text" name="username" required autofocus />
</div>
<div class="form-field flex flex-col bg-white bg-opacity-50 rounded-[3px] border border-solid border-gray-50 sm:min-w-[500px] sm:w-unset w-full my-0 mx-auto">
<div class="flex flex-col bg-white bg-opacity-50 rounded-[3px] border border-solid border-gray-50 sm:min-w-[500px] sm:w-unset w-full my-0 mx-auto">
<label class="text-black bg-white bg-opacity-50 p-1 text-sm rounded-t-[3px]" for="password">Password</label>
<input class="p-1 text-sm focus-visible:outline-none" id="password" v-model="password" type="password" name="password" required />
</div>
</div>
<div class="row-buttons flex justify-center sm:gap-[15px] gap-[8px]">
<button class="button btn-cyan py-2 px-0 min-w-[100px]" type="submit"><span class="m-auto">PLAY</span></button>
<button class="button btn-cyan py-2 px-0 min-w-[100px]" type="button" @click.prevent="registerFunc"><span class="m-auto">REGISTER</span></button>
<button class="button btn-cyan py-2 px-0 min-w-[100px]"><span class="m-auto">CREDITS</span></button>
<div class="flex justify-center sm:gap-[15px] gap-[8px]">
<button class="btn-cyan py-2 px-0 min-w-[100px]" type="submit"><span class="m-auto">PLAY</span></button>
<button class="btn-cyan py-2 px-0 min-w-[100px]" type="button" @click.prevent="registerFunc"><span class="m-auto">REGISTER</span></button>
<button class="btn-cyan py-2 px-0 min-w-[100px]"><span class="m-auto">CREDITS</span></button>
</div>
</div>
</form>