Leahnaya/PhaseWeb3-Vue
1
0
Fork 0
mirror of https://github.com/PhaseII-eAmusement-Network/PhaseWeb3-Vue.git synced 2026-08-27 19:44:14 -05:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Some UX changes

Browse Source
This commit is contained in:
Trenton Zimmer
2023-06-15 22:12:42 -04:00
parent 35271561c2
commit e8f4e4c8e8
5 changed files with 25 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
index.html
View File

@@ -8,7 +8,7 @@
<title>PhaseWeb 3</title>
</head>
<body class="dark:bg-slate-800">
<body>
<noscript>
<strong>We're sorry but this app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
@@ -16,4 +16,16 @@
<script type="module" src="/src/main.js"></script>
<!-- built files will be auto injected -->
</body>
<style>
body {
background-color: #ffffff;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #1f2937;
}
}
</style>
</html>

11
src/components/UserCard.vue
View File

@@ -25,6 +25,12 @@ const mainStore = useMainStore();
const greeting = GetRandomMessage();
var last = {
game: "beatmaniaIIDX",
version: "22 PENDUAL",
arcade: "Ho-House",
};
function getCardStyle(game) {
if (game !== null) {
return `
@@ -52,6 +58,11 @@ function getCardStyle(game) {
<h1 v-if="useSmall" class="text-3xl md:text-4xl">
<b>{{ mainStore.userName }}</b>
</h1>
<p v-if="useSmall" class="text-md md:text-lg">
Last seen playing <b>{{ last.game }} {{ last.version }}</b
><br />at
<b>{{ last.arcade }}</b>
</p>
</div>
<div
class="md:grid md:grid-flow-col md:auto-cols-max md:grid-rows-2 flex flex-wrap gap-4 md:place-content-start place-content-center"

2
src/views/Auth/LoginView.vue
View File

@@ -77,7 +77,7 @@ const submit = () => {
<hr class="border-t border-1 my-4 w-full" />
<div class="flex flex-col gap-2 my-4">
<h2>New Here?</h2>
<h2>Not Registered?</h2>
<BaseButton
label="Register"
color="info"

7
src/views/Auth/RegisterView.vue
View File

@@ -124,13 +124,6 @@ const submit = () => {
<div class="flex flex-col gap-2 my-4">
<h2>Have an Account?</h2>
<BaseButton label="Log In" color="info" href="/#/auth/login" />
<h2>Forgot Password?</h2>
<BaseButton
label="Password Reset"
color="warning"
href="/#/auth/reset"
/>
</div>
</div>
</div>

7
src/views/Auth/ResetView.vue
View File

@@ -59,13 +59,6 @@ const submit = () => {
<div class="flex flex-col gap-2 my-4">
<h2>Remember it?</h2>
<BaseButton label="Log In" color="success" href="/#/auth/login" />
<h2>New Here?</h2>
<BaseButton
label="Register"
color="info"
href="/#/auth/register"
/>
</div>
</div>
</div>