Pandipipas/scoreko-dev
1
0
Fork 0
mirror of https://github.com/Pandipipas/scoreko-dev.git synced 2026-06-06 03:32:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Style players search and dialog fields as underlined

Browse Source
This commit is contained in:
Pandipipas
2026-02-14 18:12:07 +01:00
parent bfc08cdeb4
commit 55dfa5510f
1 changed files with 19 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/dashboard/scoreko-dev/views/Players.vue
+19 -7
View File
@@ -163,9 +163,8 @@ const handleImport = async (event: Event) => {
<QInput <QInput
v-model="filter" v-model="filter"
dense dense
outlined
placeholder="Search..." placeholder="Search..."
class="players-search" class="players-search players-underlined-field"
clearable clearable
> >
<template #prepend> <template #prepend>
@@ -239,7 +238,7 @@ const handleImport = async (event: Event) => {
v-model="form.gamertag" v-model="form.gamertag"
label="Gamertag" label="Gamertag"
dense dense
outlined class="players-underlined-field"
autofocus autofocus
/> />
</div> </div>
@@ -248,7 +247,7 @@ const handleImport = async (event: Event) => {
v-model="form.name" v-model="form.name"
label="Name" label="Name"
dense dense
outlined class="players-underlined-field"
/> />
</div> </div>
<div class="col-12"> <div class="col-12">
@@ -267,7 +266,7 @@ const handleImport = async (event: Event) => {
clearable clearable
label="Country" label="Country"
dense dense
outlined class="players-underlined-field"
@filter="filterCountries" @filter="filterCountries"
/> />
</div> </div>
@@ -276,7 +275,7 @@ const handleImport = async (event: Event) => {
v-model="form.team" v-model="form.team"
label="Team" label="Team"
dense dense
outlined class="players-underlined-field"
/> />
</div> </div>
<div class="col-12"> <div class="col-12">
@@ -284,7 +283,7 @@ const handleImport = async (event: Event) => {
v-model="form.twitter" v-model="form.twitter"
label="Twitter" label="Twitter"
dense dense
outlined class="players-underlined-field"
/> />
</div> </div>
</div> </div>
@@ -325,6 +324,19 @@ const handleImport = async (event: Event) => {
width: min(720px, 90vw); width: min(720px, 90vw);
} }
.players-underlined-field :deep(.q-field__control) {
min-height: 28px;
padding: 0;
background: transparent !important;
border-radius: 0;
}
.players-underlined-field :deep(.q-field__control:before),
.players-underlined-field :deep(.q-field__control:after) {
border: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.34);
}
.visually-hidden { .visually-hidden {
position: absolute; position: absolute;
width: 1px; width: 1px;