slight fixes to search
parent
bacf5d0994
commit
18e1deec5f
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<router-link
|
||||
:to="{ name: 'inspect', params: { address: result.entity } }"
|
||||
:to="{ name: 'browse', params: { addresses: [result.entity] } }"
|
||||
class="search-result"
|
||||
>
|
||||
<div class="search-result-container">
|
||||
|
@ -28,9 +28,19 @@ export default defineComponent({
|
|||
<style scoped lang="scss">
|
||||
.search-result {
|
||||
.search-result-container {
|
||||
box-shadow: var(--sl-shadow-medium);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
border: 1px solid var(--foreground);
|
||||
border-radius: 1rem;
|
||||
|
||||
margin: 0.5rem;
|
||||
padding: 1rem;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
text-align: center;
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<div class="search">
|
||||
<ul class="search-results" v-if="results">
|
||||
<li v-for="[identity, result] in Object.entries(results)" :key="identity">
|
||||
<SearchResult :result="result" />
|
||||
<SearchResult class="result" :result="result" />
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
@ -45,6 +45,11 @@ export default defineComponent({
|
|||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.search,
|
||||
.search-results {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.search-results {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
@ -53,7 +58,8 @@ export default defineComponent({
|
|||
|
||||
li {
|
||||
display: block;
|
||||
width: calc(100% / 6);
|
||||
width: calc(100vw / 7);
|
||||
height: calc(100vw / 7);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue