diff --git a/public/css/modules/globals.css b/public/css/modules/globals.css index bd0dc88..d2c4ca0 100644 --- a/public/css/modules/globals.css +++ b/public/css/modules/globals.css @@ -121,6 +121,7 @@ button { min-width: 64px; text-transform: uppercase; color: var(--accent-text); + cursor: pointer; } button[disabled] { diff --git a/public/css/modules/middle-section.css b/public/css/modules/middle-section.css index b4333c8..fca1dd1 100644 --- a/public/css/modules/middle-section.css +++ b/public/css/modules/middle-section.css @@ -48,20 +48,50 @@ width: 90%; } +/* The Modal (background) */ +.smallmodal { + display: none; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 1250; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgb(0,0,0); /* Fallback color */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + animation-duration: 0.3s; +} + +/* Modal Content */ +.smallmodal-content { + background-color: none; + margin: auto; + width: 30%; + align-items: center; + position: relative; + top: 50%; + transform: translateY(-50%); +} +.smallmodal-content button{ + width: 100%; + margin-bottom: 8px; +} + @media only screen and (min-width: 601px) { - #container { + #container, .smallmodal-content { width: 85%; } } @media only screen and (min-width: 993px) { - #container { + #container, .smallmodal-content { width: 70%; } } @media only screen and (max-width: 600px) { - #container { + #container, .smallmodal-content { width: 100%; } -} \ No newline at end of file +} diff --git a/public/css/modules/sidebar.css b/public/css/modules/sidebar.css index 878888c..702706a 100644 --- a/public/css/modules/sidebar.css +++ b/public/css/modules/sidebar.css @@ -14,4 +14,8 @@ .side_icon.active { color: var(--accent-color); +} + +.main_tablinks { + cursor: pointer; } \ No newline at end of file diff --git a/public/index.html b/public/index.html index b1983a5..4b8a4cd 100644 --- a/public/index.html +++ b/public/index.html @@ -19,15 +19,15 @@ --> -