fix responsive empty state for txs

Author: xdeq

components/modules/address/AddressOverview.vue

@@ -285,10 +285,10 @@ const handleCopy = (target) => {
 						</table>
 					</div>
 
-					<Flex v-else align="center" justify="center" direction="column" gap="8" wide>
+					<Flex v-else align="center" justify="center" direction="column" gap="8" wide :class="$style.empty">
 						<Text size="13" weight="600" color="secondary" align="center"> No transactions </Text>
 						<Text size="12" weight="500" height="160" color="tertiary" align="center" style="max-width: 220px">
-							This block does not contain transactions of the selected type
+							This address does not contain transactions of the selected type
 						</Text>
 					</Flex>
 
@@ -472,6 +472,10 @@ const handleCopy = (target) => {
 	padding: 4px 6px;
 }
 
+.empty {
+	padding-top: 16px;
+}
+
 @media (max-width: 800px) {
 	.content {
 		flex-direction: column;

components/modules/block/BlockOverview.vue

@@ -326,7 +326,7 @@ const handleCopy = (target) => {
 						</table>
 					</div>
 
-					<Flex v-else align="center" justify="center" direction="column" gap="8" wide>
+					<Flex v-else align="center" justify="center" direction="column" gap="8" wide :class="$style.empty">
 						<Text size="13" weight="600" color="secondary" align="center"> No transactions </Text>
 						<Text size="12" weight="500" height="160" color="tertiary" align="center" style="max-width: 220px">
 							This block does not contain transactions of the selected type
@@ -531,6 +531,10 @@ const handleCopy = (target) => {
 	padding: 4px 6px;
 }
 
+.empty {
+	padding: 16px 0;
+}
+
 @media (max-width: 800px) {
 	.content {
 		flex-direction: column;