LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix: Fixes scroll behavior for search page (#6717)

Browse Source
This commit is contained in:
Nithin David Thomas
2023-03-21 12:10:08 +05:30
committed by GitHub
parent 9c040af028
commit f3aba84063
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/javascript/dashboard/modules/search/components/SearchView.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="width-100"> <div class="search-page">
<div class="page-header"> <div class="page-header">
<woot-button <woot-button
icon="chevron-left" icon="chevron-left"
@@ -196,6 +196,11 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.search-page {
display: flex;
flex-direction: column;
width: 100%;
}
.page-header { .page-header {
display: flex; display: flex;
padding: var(--space-normal); padding: var(--space-normal);
@@ -203,20 +208,20 @@ export default {
.search-root { .search-root {
margin: 0 auto; margin: 0 auto;
max-width: 72rem; max-width: 72rem;
min-height: 48rem; min-height: 32rem;
width: 100%; width: 100%;
height: fit-content; height: 100%;
padding: var(--space-normal); padding: var(--space-normal);
display: flex; display: flex;
position: relative; position: relative;
flex-direction: column; flex-direction: column;
background: white; background: white;
overflow-y: auto; margin-top: var(--space-medium);
margin-top: var(--space-large);
.search-results { .search-results {
flex-grow: 1; flex-grow: 1;
height: 100%; height: 100%;
overflow-y: auto;
padding: 0 var(--space-small); padding: 0 var(--space-small);
} }
} }