minor changes to the thing that indicated bottom of page.

DrNoLife · Nov 22, 2024 · 4532163 · 4532163
1 parent 43297e1
commit 4532163
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/Danbooru/Danbooru.UI/Danbooru.UI/Components/Pages/DoomScroll.razor b/Danbooru/Danbooru.UI/Danbooru.UI/Components/Pages/DoomScroll.razor
@@ -77,7 +77,12 @@
             }
 
             @* The target element that we observe. Once this is reached the callback will be triggered. *@
-            <li class="list-group-item" id="observerTarget"></li>
+
+            <div class="end-reacher" id="observerTarget">
+
+            </div>
+
+            @* <li class="list-group-item" ></li> *@
         </InfiniteScroll>
 
         @if(_shouldDisplayTagContainer)

diff --git a/Danbooru/Danbooru.UI/Danbooru.UI/Components/Pages/DoomScroll.razor.css b/Danbooru/Danbooru.UI/Danbooru.UI/Components/Pages/DoomScroll.razor.css
@@ -106,6 +106,12 @@ input[type="text"] {
     cursor: pointer;
 }
 
+.end-reacher {
+    padding: 2rem;
+    background-color: darkorange;
+    border-radius: .75rem;
+}
+
 @media (max-width: 1200px) {
     .results {
         width: 100%;