ydeng/props
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Changed SCSS.

Browse Source 
Changed color scheme.

Added comment.

Added some color to home page.

Changed home page text.
This commit is contained in:
Harrison Deng 2021-07-11 02:38:35 -05:00
parent c1633b0b51
commit 8b29c6f999
4 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
MultiShop/client/src/assets/scss/_app-layout.scss
View File

@ -1,3 +1,4 @@
// Used to provide inial layout for application containing elements.
html, body, #app, #content { html, body, #app, #content {
min-height: 100%; min-height: 100%;
height: 100%; height: 100%;

2
MultiShop/client/src/assets/scss/_variables.scss
View File

@ -1,3 +1,3 @@
$themes: ( $themes: (
"light": ("background": #F4F4F2, "navbar": #E8E8E8, "sub": #88B7B5, "alt": #847996, "text": #1a1a1a), "light": ("background": #F4F4F4, "navbar": #FFF7F7, "main": #BDF2D5, "text": #1A1A1A),
); );

1
MultiShop/client/src/assets/scss/main.scss
View File

@ -15,6 +15,7 @@ nav.navbar {
@extend .container-fluid; @extend .container-fluid;
@extend .p-4; @extend .p-4;
@include themer.themed { @include themer.themed {
background-color: themer.color-of("main");
} }
} }

13
MultiShop/client/src/views/Home.vue
View File

@ -8,12 +8,12 @@
/> />
</div> </div>
<div id="description" class="text-center px-3 my-2"> <div id="description" class="text-center px-3 my-2">
<h1 class="my-2">C-SHAID</h1> <h1 class="my-2">SHAID</h1>
<p> <p>
Also known as Component Shopping Aid, is a site designed to Also known as Shopping Aid, is a site designed to help with the
help with the online electronic searching experience. Create online electronic component searching experience. Create project
project component lists and search across multiple commonly used component lists and search across multiple commonly used online
sites to find the ideal purchase. retail stores to find the ideal purchase.
</p> </p>
</div> </div>
</div> </div>
@ -27,6 +27,9 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
h1 {
font-size: 5em;
}
#description { #description {
max-width: 540px; max-width: 540px;
} }