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

Updated styling, little cleaning up

Browse Source
This commit is contained in:
Colin Kallemein
2024-06-09 22:15:10 +02:00
parent 34032e5c2f
commit d7e4da307a
6 changed files with 60 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/screens/Characters.vue
View File

@ -35,7 +35,7 @@
<Modal :isModalOpen="isModalOpen" @modal:close="isModalOpen = false">
<template #modal-header>
<h2 class="modal-title">Create your character</h2>
<h3 class="modal-title">Create your character</h3>
</template>
<template #modal-body>
@ -45,10 +45,14 @@
<input v-model="name" name="name" id="name" />
</div>
<div class="submit">
<button class="btn-cyan" type="submit">Create</button>
<button class="btn-cyan" type="submit">CREATE</button>
</div>
</form>
<button class="btn-cyan" @click="isModalOpen = false">Cancel</button>
<button class="btn-cyan" @click="isModalOpen = false">CANCEL</button>
</template>
<template #modal-footer>
<button class="btn-cyan">Test</button>
</template>
</Modal>
</template>
@ -258,13 +262,13 @@ function create() {
gap: 30px;
button {
padding: 8px 10px 8px 20px;
padding: 8px 10px 8px 30px;
min-width: 100px;
position: relative;
border-radius: 5px;
font-size: 1.125rem;
font-size: 1.25rem;
display: flex;
gap: 10px;
gap: 15px;
align-items: center;
span {