From 76a0da82b185277081bf643bd18823e2e9ceaf4d Mon Sep 17 00:00:00 2001 From: horhik Date: Fri, 22 May 2020 11:26:51 +0300 Subject: [PATCH] added light wide monitors support --- .idea/workspace.xml | 609 +----------------- .../elements/homepage/recent-list.jsx | 18 +- src/css/basic.scss | 9 + src/css/elements/recent-list.scss | 5 +- 4 files changed, 36 insertions(+), 605 deletions(-) diff --git a/.idea/workspace.xml b/.idea/workspace.xml index 9953dea..23879ec 100644 --- a/.idea/workspace.xml +++ b/.idea/workspace.xml @@ -12,606 +12,9 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + @@ -728,10 +131,10 @@ - + - + diff --git a/src/components/elements/homepage/recent-list.jsx b/src/components/elements/homepage/recent-list.jsx index 5cef0a2..1f28a0a 100644 --- a/src/components/elements/homepage/recent-list.jsx +++ b/src/components/elements/homepage/recent-list.jsx @@ -10,7 +10,23 @@ const Recent = props => {
  • - + +
    • + +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • +
diff --git a/src/css/basic.scss b/src/css/basic.scss index 861a558..9a934c4 100644 --- a/src/css/basic.scss +++ b/src/css/basic.scss @@ -8,6 +8,15 @@ body { background-color: var(--background); color: var(--foreground); font-family: 'Ubuntu', sans-serif; + max-width: 1000px; + margin: 0 auto; + box-shadow: 0px -30px 20px rgba(0, 0, 0, 0.34); + + +} + +@media (min-width: 1000px) { + box-shadow: 4px 4px 32px rgba(0, 0, 0, 0.34); } .h1{ diff --git a/src/css/elements/recent-list.scss b/src/css/elements/recent-list.scss index 6cdb81c..529dbdf 100644 --- a/src/css/elements/recent-list.scss +++ b/src/css/elements/recent-list.scss @@ -21,14 +21,16 @@ box-shadow: 4px 4px 32px rgba(0, 0, 0, 0.34); background: var(--background); border-radius: 10px; + word-break: break-word; display: flex; align-items: center; align-content: center; - width: max-content; margin: 20px 0; padding:10px 20px; + width: max-content; + max-width: 80vw; color: var(--cyan); transition: 0.2s; @@ -63,6 +65,7 @@ border-bottom-right-radius: 0; border-top-right-radius: 0; margin-left: auto; + &:hover, &:focus{ padding-right: 40px; }