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
v-model="filter"
dense
outlined
placeholder="Search..."
class="players-search"
class="players-search players-underlined-field"
clearable
>
<template #prepend>
@@ -239,7 +238,7 @@ const handleImport = async (event: Event) => {
v-model="form.gamertag"
label="Gamertag"
dense
outlined
class="players-underlined-field"
autofocus
/>
</div>
@@ -248,7 +247,7 @@ const handleImport = async (event: Event) => {
v-model="form.name"
label="Name"
dense
outlined
class="players-underlined-field"
/>
</div>
<div class="col-12">
@@ -267,7 +266,7 @@ const handleImport = async (event: Event) => {
clearable
label="Country"
dense
outlined
class="players-underlined-field"
@filter="filterCountries"
/>
</div>
@@ -276,7 +275,7 @@ const handleImport = async (event: Event) => {
v-model="form.team"
label="Team"
dense
outlined
class="players-underlined-field"
/>
</div>
<div class="col-12">
@@ -284,7 +283,7 @@ const handleImport = async (event: Event) => {
v-model="form.twitter"
label="Twitter"
dense
outlined
class="players-underlined-field"
/>
</div>
</div>
@@ -325,6 +324,19 @@ const handleImport = async (event: Event) => {
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 {
position: absolute;
width: 1px;