Directory allocation

2022-05-10 20:05:43 +04:30
parent 2511082f14
commit 9a0c383e0b
21 changed files with 26 additions and 26 deletions
@@ -0,0 +1,51 @@
+.App {
+  min-height: 96vh;
+  padding: 2vh;
+  background-color: #1f2c38;
+  color: white;
+}
+
+.head {
+  display: flex;
+}
+
+.search {
+  font-family: 'Font Awesome 5 Free';
+  font-size: 1.5rem;
+  padding-left: 10px;
+  border: none;
+  width: 50%;
+  color: white;
+  background-color:#273949;
+  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
+}
+
+.settings-btn:active, .add-btn:active {
+  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
+}
+
+.search:focus {
+  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
+}
+
+.add-btn {
+  font-family: 'Font Awesome 5 Free';
+  padding: 10px;
+  font-size: 1.5rem;
+  cursor: pointer;
+  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
+  color: #ffffffb6;
+  background-color:#273949;
+  border: none;
+  margin-left: auto;
+  margin-right: 10px;
+  transition: background-color 0.1s;
+}
+
+.add-btn:hover {
+  background-color: rgb(76, 117, 170);
+}
+
+textarea:focus, input:focus{
+  outline: none;
+}