feat(@dpc-sdp/ripple-tide-search): added helper components for laying…

… out result tables
dpc-sdp · Jul 3, 2024 · 87a470b · 87a470b
1 parent db90aac
commit 87a470b
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 0 deletions.
diff --git a/packages/ripple-tide-search/components/TideSearchResultTableCell.vue b/packages/ripple-tide-search/components/TideSearchResultTableCell.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="tide-search-result-cell"><slot></slot></div>
+</template>
+
+<style>
+.tide-search-result-cell {
+  display: flex;
+  flex-direction: column;
+  gap: var(--rpl-sp-3);
+
+  address {
+    font-style: normal;
+  }
+}
+</style>
diff --git a/packages/ripple-tide-search/components/TideSearchResultTableHeading.vue b/packages/ripple-tide-search/components/TideSearchResultTableHeading.vue
@@ -0,0 +1,16 @@
+<template>
+  <h4
+    class="tide-search-result-table-heading"
+  >
+    <slot></slot>
+  </h4>
+</template>
+
+
+<style>
+@import '@dpc-sdp/ripple-ui-core/style/breakpoints';
+
+.tide-search-result-table-heading {
+  font-weight: bold;
+}
+</style>