innocuous-symmetry/cat-reddit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

beginning new color scheme

Browse Source
This commit is contained in:
Mikayla Dobson
2022-02-06 11:24:13 -06:00
parent 426c79e333
commit e0e9425ce9
2 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/App.css
View File

@@ -19,7 +19,7 @@
.App { .App {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: #d1aabc; background-color: #6b4477;
align-items: center; align-items: center;
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -45,14 +45,14 @@
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 5rem; height: 5rem;
background-color: rgb(111, 30, 151); background-color: rgb(0, 0, 0);
border-bottom: 1px solid black; border-bottom: 1px solid black;
z-index: 9; z-index: 9;
} }
.nav-title-desktop { .nav-title-desktop {
display: inline-flex; display: inline-flex;
color: orchid; color: rgb(190, 113, 188);
padding-left: 1.5rem; padding-left: 1.5rem;
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
} }
@@ -76,7 +76,7 @@
.sidebar-button { .sidebar-button {
border: transparent; border: transparent;
background-color: orchid; background-color: rgb(190, 113, 188);
box-shadow: 1px 1px rgb(111, 30, 151); box-shadow: 1px 1px rgb(111, 30, 151);
text-align: center; text-align: center;
height: 3.5rem; height: 3.5rem;
@@ -144,16 +144,18 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 2rem; padding: 2rem;
background-color: orchid; background-color: rgb(190, 113, 188);
border-radius: 15px; border-radius: 15px;
width: 50%; width: 50%;
height: 3rem; height: 3rem;
} }
.page-handling button { .page-handling button {
background-color: rgb(218, 171, 216); background-color: rgb(0, 0, 0);
color: rgb(190, 113, 188);
border: transparent; border: transparent;
border-radius: 50%; border-radius: 50%;
font-size: 2rem;
height: 3.5rem; height: 3.5rem;
width: 3.5rem; width: 3.5rem;
box-shadow:2rem rgb(111, 30, 151); box-shadow:2rem rgb(111, 30, 151);
@@ -225,6 +227,7 @@
.page-handling button { .page-handling button {
height: 2rem; height: 2rem;
width: 2rem; width: 2rem;
font-size: 1.4rem;
margin: 0 0.4rem; margin: 0 0.4rem;
} }
} }
@@ -273,5 +276,6 @@
.page-handling button { .page-handling button {
height: 1.5rem; height: 1.5rem;
width: 1.5rem; width: 1.5rem;
font-size: 1rem;
} }
} }

2
src/features/navbar/Navbar.js
View File

@@ -1,5 +1,5 @@
import React, { useState } from "react"; import React, { useState } from "react";
import SearchBar from "../searchBar/searchBar"; // import SearchBar from "../searchBar/searchBar";
import Sidebar from "../sidebar/Sidebar"; import Sidebar from "../sidebar/Sidebar";
export default function Navbar() { export default function Navbar() {