Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 | <template> <div class="home-search-box"> <q-card class="search-card" square > <q-card-section class="card-section flex q-gutter-sm justify-between items-center"> <q-input v-model="text" :dense="true" clearable style="flex-grow: 1" label="Lab manager, full time" class="search-text" > <template v-slot:prepend> <q-icon name="search" /> </template> </q-input> <q-btn color="primary">Find a job</q-btn> </q-card-section> </q-card> </div> </template> <script> export default { // name: 'ComponentName', data () { return { text: "" }; } }; </script> <style> .home-search-box { padding: 32px; } .home-search-box .search-card { /* padding: 0; */ /* margin: 0 auto; */ width: 700px; max-width: 80vw; } .home-search-box .search-text { /* min-width: 300px; */ /* max-width: 50vw; */ } .home-search-box .search-card .card-section { padding: 12px 12px 12px 12px; } </style> |