From d991eb6cf760b9a47d4877bab38466845861b5f4 Mon Sep 17 00:00:00 2001 From: yogitha02 <73719563+yogitha02@users.noreply.github.com> Date: Fri, 7 Oct 2022 10:24:12 +0530 Subject: [PATCH 1/6] Update index.html --- Web/Html,CSS,Javascript/drawing-app/index.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/Web/Html,CSS,Javascript/drawing-app/index.html b/Web/Html,CSS,Javascript/drawing-app/index.html index e55b657..f446022 100644 --- a/Web/Html,CSS,Javascript/drawing-app/index.html +++ b/Web/Html,CSS,Javascript/drawing-app/index.html @@ -9,14 +9,14 @@ - +
- 10 + 10 - - - + + +
@@ -24,4 +24,4 @@ - \ No newline at end of file + From 04bd9d237d732779eae6dbba0046ff3c48bdecc3 Mon Sep 17 00:00:00 2001 From: yogitha02 <73719563+yogitha02@users.noreply.github.com> Date: Fri, 7 Oct 2022 10:25:50 +0530 Subject: [PATCH 2/6] Update style.css --- Web/Html,CSS,Javascript/drawing-app/style.css | 20 +++++++++++++++++-- 1 file changed, 18 insertions(+), 2 deletions(-) diff --git a/Web/Html,CSS,Javascript/drawing-app/style.css b/Web/Html,CSS,Javascript/drawing-app/style.css index 9fab7d4..d9334a6 100644 --- a/Web/Html,CSS,Javascript/drawing-app/style.css +++ b/Web/Html,CSS,Javascript/drawing-app/style.css @@ -16,7 +16,7 @@ body { } canvas { - border: 2px solid steelblue; + border: 3px solid steelblue; } .toolbox { @@ -33,12 +33,13 @@ canvas { display: inline-flex; align-items: center; justify-content: center; - font-size: 2rem; + font-size: 1.5rem; height: 50px; width: 50px; margin: 0.25rem; padding: 0.25rem; cursor: pointer; + border-radius: 10px; } .toolbox > *:last-child { @@ -48,3 +49,18 @@ canvas { margin-left: auto; } +@media only screen and (max-width: 750px) { + #canvas{ + width:80vw; + height:70vh; + } + .toolbox{ + width:80vw; + height:15vh; + } + .toolbox > * { + font-size: 1.2rem; + border-radius: 10px; + } + } + From 3d277579cb19baccc1a3ca646b64259c77090aee Mon Sep 17 00:00:00 2001 From: yogitha02 <73719563+yogitha02@users.noreply.github.com> Date: Fri, 7 Oct 2022 10:27:57 +0530 Subject: [PATCH 3/6] Update index.html --- Web/Html,CSS,Javascript/drawing-app/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Web/Html,CSS,Javascript/drawing-app/index.html b/Web/Html,CSS,Javascript/drawing-app/index.html index f446022..1db6106 100644 --- a/Web/Html,CSS,Javascript/drawing-app/index.html +++ b/Web/Html,CSS,Javascript/drawing-app/index.html @@ -17,7 +17,7 @@ - + From 013b7dc80e49da79e5a7023878eec95ad5367241 Mon Sep 17 00:00:00 2001 From: yogitha02 <73719563+yogitha02@users.noreply.github.com> Date: Fri, 7 Oct 2022 10:29:29 +0530 Subject: [PATCH 4/6] Update style.css --- Web/Html,CSS,Javascript/drawing-app/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Web/Html,CSS,Javascript/drawing-app/style.css b/Web/Html,CSS,Javascript/drawing-app/style.css index d9334a6..2588074 100644 --- a/Web/Html,CSS,Javascript/drawing-app/style.css +++ b/Web/Html,CSS,Javascript/drawing-app/style.css @@ -49,7 +49,7 @@ canvas { margin-left: auto; } -@media only screen and (max-width: 750px) { +@media only screen and (max-width: 800px) { #canvas{ width:80vw; height:70vh; From 5199896251d239a8ab3f9eefba844af857e47d17 Mon Sep 17 00:00:00 2001 From: yogitha02 <73719563+yogitha02@users.noreply.github.com> Date: Fri, 7 Oct 2022 22:03:57 +0530 Subject: [PATCH 5/6] Update style.css --- Web/Html,CSS,Javascript/drawing-app/style.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/Web/Html,CSS,Javascript/drawing-app/style.css b/Web/Html,CSS,Javascript/drawing-app/style.css index 2588074..f144428 100644 --- a/Web/Html,CSS,Javascript/drawing-app/style.css +++ b/Web/Html,CSS,Javascript/drawing-app/style.css @@ -5,7 +5,7 @@ } body { - background-color: #f5f5f5; + background-color: #e8ba22; font-family: 'Roboto', sans-serif; display: flex; flex-direction: column; @@ -17,11 +17,12 @@ body { canvas { border: 3px solid steelblue; + background-color: whitesmoke; } .toolbox { background-color: steelblue; - border: 1px solid slateblue; + border: 3px solid slateblue; display: flex; width: 804px; padding: 1rem; From 86f2b0473a821fb8dfa889ab6eca2a30fd874d52 Mon Sep 17 00:00:00 2001 From: yogitha02 <73719563+yogitha02@users.noreply.github.com> Date: Fri, 7 Oct 2022 22:13:34 +0530 Subject: [PATCH 6/6] Update style.css --- Web/Html,CSS,Javascript/drawing-app/style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/Web/Html,CSS,Javascript/drawing-app/style.css b/Web/Html,CSS,Javascript/drawing-app/style.css index f144428..a98da88 100644 --- a/Web/Html,CSS,Javascript/drawing-app/style.css +++ b/Web/Html,CSS,Javascript/drawing-app/style.css @@ -41,6 +41,7 @@ canvas { padding: 0.25rem; cursor: pointer; border-radius: 10px; + box-shadow: 2px 2px #e8ba22; } .toolbox > *:last-child {