fix(#3347): Improve label styling in scrollable container resolve #3347 (#3411)

Author: xmnlz

assets/components/LogViewer/LogAnalytics.vue

@@ -13,12 +13,12 @@
             class="textarea textarea-primary w-full font-mono text-lg"
             :class="{ 'textarea-error': error }"
           ></textarea>
-          <div class="label">
+          <div class="label max-h-48 overflow-y-auto pr-2">
             <span class="label-text-alt text-error" v-if="error">{{ error }}</span>
             <span class="label-text-alt" v-else>
               Total {{ results.numRows }} records
-              <template v-if="results.numRows > pageLimit">. Showing first {{ page.numRows }}.</template></span
-            >
+              <template v-if="results.numRows > pageLimit"> . Showing first {{ page.numRows }}. </template>
+            </span>
           </div>
         </label>
       </section>