refactor: port to typescript

1 files changed, 112 insertions, 0 deletions

diff --git a/frontend/src/css/ModMenu.css b/frontend/src/css/ModMenu.css
new file mode 100644
index 0000000..c6d3d8d
--- /dev/null
+++ b/frontend/src/css/ModMenu.css
@@ -0,0 +1,112 @@
+div#modview{
+    position: absolute;
+    left: 50%;
+    z-index: 20;
+    width: 320px; height: auto;
+    /* background-color: red; */
+
+    transform: translateY(-68%);
+}
+div#modview>div>button{
+    height: 30px;
+}
+
+div#modview>div:nth-child(1){
+    display: grid;
+    grid-template-columns: 50% 50%;
+}
+
+div#modview>div:nth-child(2){
+    display: grid;
+    place-items: center;
+}
+
+#modview-menu{
+    position: absolute;
+    left: calc(50% + 160px); top: 130px;
+    transform: translateX(-50%);
+    background-color: #2b2e46;
+    z-index: 2; color: white;
+}
+
+#modview-menu-image{
+    box-shadow: 0 0 40px 16px black;
+    outline: 8px solid #2b2e46;
+    border-radius: 20px;
+    font-size: 40px;
+    display: grid;
+    grid-template-columns: 50% 50%;
+    /* place-items: center; */
+    
+}
+#modview-menu-image>div:nth-child(1){
+    height: 400px; width: 500px;
+    display: grid;
+    grid-template-rows: 30% 70%;
+}
+#modview-menu-image>div:nth-child(2){
+    height: 400px; width: 500px;
+    display: grid;
+    grid-template-rows: 20% 10%;
+}
+
+#modview-menu-image>div>button{width: 300px;margin-left:100px;}
+#modview-menu-image>div>img{width: 500px;}
+#modview-menu-image>div>button{font-size: 20px;}
+#modview-menu-image>div>span>input[type="file"]{font-size: 15px;}
+
+
+#modview-menu-add,
+#modview-menu-edit{
+    box-shadow: 0 0 40px 16px black;
+    outline: 8px solid #2b2e46;
+    border-radius: 20px;
+    font-size: 40px;
+    display: grid;
+    grid-template-columns: 20% 20% 20% 20% 20%;
+}
+
+#modview-menu-add>div,
+#modview-menu-edit>div{
+    display: grid;
+    margin: 20px;
+    width: 200px;
+    font-size: 20px;
+}
+#modview-route-description>textarea{
+    resize: none;
+    height: 160px;
+    width: 1160px;
+}
+#modview-route-showcase>input::placeholder{opacity: .5;}
+#modview_block{
+    position: absolute;
+    background-color: black;
+    opacity: .3;
+    left: 320px;
+    width: calc(100% - 320px);
+    height: 100%;
+    z-index: 2;
+    cursor: no-drop;
+}
+#modview-md{
+    box-shadow: 0 0 40px 16px black;
+    background-color: #2b2e46;
+    outline: 8px solid #2b2e46;
+
+    border-radius: 20px;
+    position: absolute;
+    padding: 10px; top: 400px;
+    width: 1180px; height: 300px;
+    overflow-y: auto;
+    word-wrap: break-word;
+}
+#modview-md>span>a{
+    padding-left: 20px;
+    color:aqua;
+}
+#modview-md>p{
+    font-family: BarlowSemiCondensed-Regular;
+    color: #cdcfdf;
+    font-size: 21px;
+}
\ No newline at end of file