diff --git a/src/components/EmptyState.tsx b/src/components/EmptyState.tsx
index a1b694a..99fd2a0 100644
--- a/src/components/EmptyState.tsx
+++ b/src/components/EmptyState.tsx
@@ -1,20 +1,11 @@
export function EmptyState() {
return (
-
+
No comments open
Your drafts will appear here when you start typing in comment boxes
across GitHub and Reddit.
-
-
- ยท
-
-
)
}
diff --git a/src/components/NoMatchesState.tsx b/src/components/NoMatchesState.tsx
index 9076bde..30e25af 100644
--- a/src/components/NoMatchesState.tsx
+++ b/src/components/NoMatchesState.tsx
@@ -3,12 +3,12 @@ type NoMatchesStateProps = {
}
export function NoMatchesState({ onClearFilters }: NoMatchesStateProps) {
return (
-
+
No matches found
diff --git a/src/components/PopupRoot.tsx b/src/components/PopupRoot.tsx
index 0725a49..0484797 100644
--- a/src/components/PopupRoot.tsx
+++ b/src/components/PopupRoot.tsx
@@ -101,28 +101,8 @@ export function PopupRoot({ drafts }: PopupRootProps) {
})
}
- const getTableBody = () => {
- if (drafts.length === 0) {
- return
- }
-
- if (
- filteredDrafts.length === 0 &&
- (filters.searchQuery || filters.sentFilter !== "both")
- ) {
- return
- }
-
- return filteredDrafts.map((row) => (
-
- ))
+ if (drafts.length === 0) {
+ return
}
return (
@@ -233,7 +213,25 @@ export function PopupRoot({ drafts }: PopupRootProps) {
-
{getTableBody()}
+
+ {filteredDrafts.length === 0 && (
+
+
+
+ |
+
+ )}
+ {filteredDrafts.map((row) => (
+
+ ))}
+
diff --git a/src/entrypoints/popup/style.css b/src/entrypoints/popup/style.css
index 7a0144e..114f6e7 100644
--- a/src/entrypoints/popup/style.css
+++ b/src/entrypoints/popup/style.css
@@ -8,7 +8,7 @@
body {
width: var(--popup-width);
- height: var(--popup-height);
+ max-height: var(--popup-height);
font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 14px;
diff --git a/tests/playground/playground-styles.css b/tests/playground/playground-styles.css
index e6587c5..4b0fece 100644
--- a/tests/playground/playground-styles.css
+++ b/tests/playground/playground-styles.css
@@ -17,7 +17,7 @@ body {
/* Popup simulator frame */
.popup-frame {
width: var(--popup-width);
- height: var(--popup-height);
+ max-height: var(--popup-height);
font-size: 14px;
line-height: 1.4;
background: white;