From 9fd6a04d73c7151bddf3b46b1b6c10fd8b9bdd61 Mon Sep 17 00:00:00 2001
From: billc27 <110593711+billc27@users.noreply.github.com>
Date: Sat, 7 Oct 2023 03:47:48 +0700
Subject: [PATCH] feat: make history page more responsive
---
scripts/client/public/css/pages/history.css | 32 ++++++++++++++-------
1 file changed, 22 insertions(+), 10 deletions(-)
diff --git a/scripts/client/public/css/pages/history.css b/scripts/client/public/css/pages/history.css
index 4413318..9282f88 100644
--- a/scripts/client/public/css/pages/history.css
+++ b/scripts/client/public/css/pages/history.css
@@ -13,13 +13,29 @@
background-color: #f1f1f1;
padding: 2% 2.5% 2%;
border-radius: 1.5%;
- font-size: smaller;
- width: 95vh;
+ width: 50vw;
height: 75vh;
box-shadow: 0px 0px 30px rgb(69, 63, 63);
}
+@media screen and (max-width: 900px) {
+ .history-ctn {
+ width: 70%;
+ margin: 3% 0;
+ padding: 2% 3% 7%;
+ }
+}
+
+@media screen and (min-width: 900px) and (max-width: 1280px) {
+ .history-ctn {
+ width: 65%;
+ margin: 3% 0;
+ padding: 2% 3% 7%;
+ }
+}
+
+
.history-title {
font-size: x-large;
font-weight: 700;
@@ -69,16 +85,12 @@
overflow-y: auto;
}
-@media screen and (max-width : 768px) {
- .history-ctn {
- width : auto;
- height : auto;
- padding : 1em;
+@media screen and (max-width : 900px) {
+ .history-title {
+ font-size: large;
}
-
- .history-title,
.topup-history-title,
.buy-history-title {
- font-size : large;
+ font-size : medium;
}
}
\ No newline at end of file
--
GitLab