From a7979a467669a70ae556690ef658f3701e2bf42b Mon Sep 17 00:00:00 2001 From: Elena Volpato Date: Mon, 21 Aug 2023 12:55:08 +0200 Subject: [PATCH 1/3] removed phone and now we have temporary layout to use --- index.html | 16 +++++++--------- 1 file changed, 7 insertions(+), 9 deletions(-) diff --git a/index.html b/index.html index ca43846..26f5f78 100644 --- a/index.html +++ b/index.html @@ -25,7 +25,7 @@

Seasonal Food App

Seasonal Food App
-
-
+ +
-
+
From e5706f506ad4f9bec6b5f5412b23c659265ad9d5 Mon Sep 17 00:00:00 2001 From: Eduardo Liron Date: Mon, 21 Aug 2023 10:15:29 -0300 Subject: [PATCH 2/3] fiz(phone): fix phone --- index.html | 19 +++++++++++++----- style.css | 59 ++++++++++++++++-------------------------------------- 2 files changed, 31 insertions(+), 47 deletions(-) diff --git a/index.html b/index.html index 26f5f78..c5b7d06 100644 --- a/index.html +++ b/index.html @@ -80,16 +80,25 @@

Seasonal Food App

- -
+
+ Camera +
+ +
+
+
+
- +
diff --git a/style.css b/style.css index b9507fb..0493a6b 100644 --- a/style.css +++ b/style.css @@ -202,63 +202,40 @@ input[type=checkbox]:checked ~ #overlay-button span:after { } /* PHONE CSS */ -.iphone-x { +.phone { /* position: relative; */ height: 80%; aspect-ratio: calc(360/780); background-color: #7371ee; background-image: linear-gradient(60deg, #7371ee 1%, #a1d9d6 100%); - border-radius: 18px; - box-shadow: 0px 0px 0px 1vh #1f1f1f, 0px 0px 0px 1vh #191919, - 0px 0px 0px max(1.5vh, 15px) #111; + border-radius: .5em; + box-shadow: 0px 0px 0px .5vh #1f1f1f, 0px 0px 0px .5vh #191919, + 0px 0px 0px max(1vh, 5px) #111; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } -.iphone-x .before, -.iphone-x:after { +.phone i { content: ""; position: absolute; - z-index: 5; -} -.iphone-x:after { - bottom: 1%; - width: 30%; - height: .5%; - background-color: #f2f2f2; - border-radius: 10px; -} -.iphone-x .before { - top: 0px; - width: 56%; - height: 3%; - background-color: #1f1f1f; - border-radius: 0px 0px 40px 40px; display: flex; - justify-content: center; + justify-content: space-around; + align-items: center; + z-index: 5; + bottom: 0; + width: 100%; + height: 5%; + background-color: #191919; } -.iphone-x i, -.iphone-x b, -.iphone-x s, -.iphone-x span { +.phone b { position: absolute; display: block; color: transparent; z-index: 100; } -.iphone-x i { - left: 50%; - transform: translate(-50%, 6px); - height: 10%; - width: 30%; - background-color: #101010; - border-radius: 000px; - box-shadow: inset 0px -3px 3px 0px rgba(255, 255, 255, 0.2); -} -.iphone-x b { - top: 10%; - right: 25%; +.phone b { + top: 2%; display: flex; align-items: center; justify-content: center; @@ -268,7 +245,7 @@ input[type=checkbox]:checked ~ #overlay-button span:after { border-radius: 999px; box-shadow: inset 0px -3px 2px 0px rgba(255, 255, 255, 0.2); } -.iphone-x b:after { +.phone b:after { content: ""; position: absolute; background-color: #2d4d76; @@ -277,6 +254,4 @@ input[type=checkbox]:checked ~ #overlay-button span:after { display: block; border-radius: 999px; box-shadow: inset 0px -2px 2px rgba(0, 0, 0, 0.5); -} - - +} \ No newline at end of file From 8131e10a240dc039f0ae9c3dbbc6e74782320e21 Mon Sep 17 00:00:00 2001 From: Eduardo Liron Date: Mon, 21 Aug 2023 10:19:23 -0300 Subject: [PATCH 3/3] fiz(phone): fix phone --- index.html | 2 +- style.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index c5b7d06..8c9e2b8 100644 --- a/index.html +++ b/index.html @@ -49,7 +49,7 @@

Seasonal Food App