From 51bec7f644f188ea61ce909661c5f4f0bb0561e7 Mon Sep 17 00:00:00 2001
From: Yath Seanghay <seanghay.dev@gmail.com>
Date: Thu, 7 Jan 2021 19:13:51 +0700
Subject: [PATCH] fix mobile css

---
 styles/globals.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/styles/globals.css b/styles/globals.css
index dd3c762..0b334e3 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -227,9 +227,36 @@ button:not(:disabled):active {
 
 .vd-footer {
     margin-top: 20px;
+    margin-bottom: 100px;
 }
 
 .vd-github svg {
     width: 2em;
     height: 2em;
 }
+
+
+@media only screen and (max-width: 600px) {
+
+    .vd-title {
+        font-size: 1.8em;
+    }
+
+    .vd-subtitle {
+        font-size: 1em;
+    }
+
+    .vd-dropzone {
+        min-width: 300px;
+        min-height: 300px;
+    }
+
+    .vd-dropzone .vd-image-container .vd-filename p {
+        max-width: 300px;
+    }
+
+    button {
+        min-width: 300px;
+    }
+
+}