|
@@ -1,6 +1,12 @@
|
|
|
<template lang="pug">
|
|
<template lang="pug">
|
|
|
.products-searcher
|
|
.products-searcher
|
|
|
input(type="text" placeholder="Buscar un producto")
|
|
input(type="text" placeholder="Buscar un producto")
|
|
|
|
|
+ select.category-selector
|
|
|
|
|
+ option(selected) Todos
|
|
|
|
|
+ option Todos
|
|
|
|
|
+ option Categoría 001
|
|
|
|
|
+ option Categoría 002
|
|
|
|
|
+ option Categoría 003
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
@@ -15,12 +21,32 @@
|
|
|
height: 35px
|
|
height: 35px
|
|
|
|
|
|
|
|
input
|
|
input
|
|
|
- width: inherit
|
|
|
|
|
|
|
+ width: calc(100% - 150px)
|
|
|
height: inherit
|
|
height: inherit
|
|
|
text-align: center
|
|
text-align: center
|
|
|
border-radius: 0
|
|
border-radius: 0
|
|
|
|
|
+ border-right: none
|
|
|
font:
|
|
font:
|
|
|
size: 11pt
|
|
size: 11pt
|
|
|
style: normal
|
|
style: normal
|
|
|
weight: bold
|
|
weight: bold
|
|
|
|
|
+
|
|
|
|
|
+ .category-selector
|
|
|
|
|
+ width: 150px
|
|
|
|
|
+ height: inherit
|
|
|
|
|
+ position: absolute
|
|
|
|
|
+ border-radius: 0
|
|
|
|
|
+ border: none
|
|
|
|
|
+ background: #2196f3
|
|
|
|
|
+ color: #fff
|
|
|
|
|
+
|
|
|
|
|
+ &:active
|
|
|
|
|
+ border: none !important
|
|
|
|
|
+ box-shadow: none !important
|
|
|
|
|
+
|
|
|
|
|
+ option
|
|
|
|
|
+ width: 150px
|
|
|
|
|
+ height: 35px !important
|
|
|
|
|
+ background: #f5f5f5
|
|
|
|
|
+ color: #666
|
|
|
</style>
|
|
</style>
|
Gogs