lks/websocket-chat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix CSS and dark mode

Browse Source
This commit is contained in:
Lucas Schumacher
2023-10-30 19:28:04 -04:00
parent dba021fc30
commit ffa9d81cf8
7 changed files with 11 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/components/Login.vue
View File

@@ -1,5 +1,6 @@
<script setup>
import { ref, onMounted } from 'vue'
import IconLogo from './icons/IconLogo.vue';
const user = ref('')
const pass = ref('')
@@ -47,12 +48,7 @@ onMounted(async () => {
<template>
<main class="form-signin w-100 m-auto">
<form onsubmit="event.preventDefault();">
<!-- <img class="mb-4" src="../assets/brand/bootstrap-logo.svg" alt="" width="72" height="57"> -->
<svg class="bi me-2" width="72" height="57" role="img" viewBox="0 0 16 16">
<path d="M4.5 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zM3 4.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z" />
<path
d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H8.5v3a1.5 1.5 0 0 1 1.5 1.5h5.5a.5.5 0 0 1 0 1H10A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5H.5a.5.5 0 0 1 0-1H6A1.5 1.5 0 0 1 7.5 10V7H2a2 2 0 0 1-2-2V4zm1 0v1a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1zm6 7.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5z" />
</svg>
<IconLogo />
<h1 class="h3 mb-3 fw-normal">Please sign in</h1>
<div class="form-floating">

8
client/src/components/Signup.vue
View File

@@ -1,5 +1,6 @@
<script setup>
import { ref } from 'vue'
import IconLogo from './icons/IconLogo.vue';
const user = ref('')
const pass = ref('')
@@ -42,12 +43,7 @@ async function signup(ev) {
<template>
<main class="form-signin w-100 m-auto my-auto">
<form onsubmit="event.preventDefault();">
<!-- <img class="mb-4" src="../assets/brand/bootstrap-logo.svg" alt="" width="72" height="57"> -->
<svg class="bi me-2" width="72" height="57" role="img" viewBox="0 0 16 16">
<path d="M4.5 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zM3 4.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z" />
<path
d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H8.5v3a1.5 1.5 0 0 1 1.5 1.5h5.5a.5.5 0 0 1 0 1H10A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5H.5a.5.5 0 0 1 0-1H6A1.5 1.5 0 0 1 7.5 10V7H2a2 2 0 0 1-2-2V4zm1 0v1a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1zm6 7.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5z" />
</svg>
<IconLogo />
<h1 class="h3 mb-3 fw-normal">Sign up</h1>
<div class="form-floating">

7
client/src/components/icons/IconLogo.vue Normal file
View File

@@ -0,0 +1,7 @@
<template>
<svg class="bi me-2" width="72" height="57" role="img" viewBox="0 0 16 16" fill="currentColor">
<path d="M4.5 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zM3 4.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z" />
<path
d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H8.5v3a1.5 1.5 0 0 1 1.5 1.5h5.5a.5.5 0 0 1 0 1H10A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5H.5a.5.5 0 0 1 0-1H6A1.5 1.5 0 0 1 7.5 10V7H2a2 2 0 0 1-2-2V4zm1 0v1a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1zm6 7.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5z" />
</svg>
</template>