From 1bab88d044e82adfcf3db65baeb2b65a3af0266d Mon Sep 17 00:00:00 2001 From: Maciej Date: Fri, 17 Dec 2021 18:05:25 +0100 Subject: [PATCH 1/3] scss --- pages/index.vue | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/pages/index.vue b/pages/index.vue index 229c8f2..9ca24a1 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -1,8 +1,12 @@ From 911e5fa941bf864812b8e147274523768b2dc124 Mon Sep 17 00:00:00 2001 From: Maciej Date: Fri, 17 Dec 2021 18:06:18 +0100 Subject: [PATCH 2/3] scss --- assets/scss/_layout.scss | 80 +- components/InputFile.vue | 14 +- package-lock.json | 18976 ++++++++++++++++++++++++++++++++++--- package.json | 3 +- pages/check.vue | 19 +- static/img/catsornot.jpg | Bin 0 -> 217382 bytes 6 files changed, 17550 insertions(+), 1542 deletions(-) create mode 100644 static/img/catsornot.jpg diff --git a/assets/scss/_layout.scss b/assets/scss/_layout.scss index 1199246..99f8b1a 100644 --- a/assets/scss/_layout.scss +++ b/assets/scss/_layout.scss @@ -1,3 +1,79 @@ -.test { - color: red; + +button{ + background-color:#f2e527 ; + height: 70px; + width: 350px; + border-radius: 8px; + color:#253340; + font-size: 30px; + font-weight: bolder; + +} +div#catornot{ + background-image:linear-gradient(rgba(0, 0, 0, 0.726),rgba(0, 0, 0, 0.767)),url(../../static/img/catsornot.jpg); + background-repeat: no-repeat; + color:#f2e527; + width:1400px; + height: 788px; + margin: 0 auto; + +} +body{ + background-color: #283643; +} +div#text{ + width: 100%; + font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + font-size: 90px; + padding-left:10px; + padding-top: 110px; + text-align: center; +} +Button#button{ + margin: 1% 40.5%; + +} +label.cos{ + font-family: Verdana, Geneva, Tahoma, sans-serif; + font-size: 50px; + color: #f2e527; + width: 1050px; + height: 550px; + border: 5px dashed #f2e527; + display: inline-block; + text-align: center; + background-image:linear-gradient(rgba(0, 0, 0, 0.76),rgba(0, 0, 0, 0.80),rgba(0,0,0,0.90)),url(../../static/img/catsornot.jpg); + background-repeat: no-repeat; + margin:150px 350px 100px 450px ; +} +div#cloud{ + font-size: 100px; + padding-top: 40px; +} +div#browse{ + background-color: #5d653f; + height: 60px; + width: 330px; + text-align: center; + border-style: none solid solid none; + border-color: #f2e527; + border-radius: 5px; + font-size: 50px; + font-family: Georgia, 'Times New Roman', Times, serif; + color: #f2e527; + margin-left: 350px; + +} +h4{ + font-size: 35px; +} +label.file-input-label{ + font-size: 35px; + color: #f2e527; + margin-left: 450px; + margin-bottom: -150px; +} +div#con{ + padding-left: 800px; + } \ No newline at end of file diff --git a/components/InputFile.vue b/components/InputFile.vue index cfca886..be0ca81 100644 --- a/components/InputFile.vue +++ b/components/InputFile.vue @@ -20,8 +20,18 @@ alt="obrazek" > -