diff --git a/admin-client/build/asset-manifest.json b/admin-client/build/asset-manifest.json index 2254945..8fc90ef 100644 --- a/admin-client/build/asset-manifest.json +++ b/admin-client/build/asset-manifest.json @@ -1,7 +1,7 @@ { "files": { - "main.css": "/static/css/main.013f3146.css", - "main.js": "/static/js/main.5bd47464.js", + "main.css": "/static/css/main.4e78bcf6.css", + "main.js": "/static/js/main.ac978201.js", "static/media/bgfinaldark.jpg": "/static/media/bgfinaldark.b0e59fa0ba58246be184.jpg", "static/media/bgfinallight.jpg": "/static/media/bgfinallight.4f070915fbd0bf061862.jpg", "static/media/add.png": "/static/media/add.90b950d171bb0b3986d1.png", @@ -13,11 +13,11 @@ "index.html": "/index.html", "static/media/subtask.svg": "/static/media/subtask.0aee0a3293406f3c959e65a1925a9502.svg", "static/media/rightarrow.svg": "/static/media/rightarrow.87f8be47de5397f44ad09947d6186828.svg", - "main.013f3146.css.map": "/static/css/main.013f3146.css.map", - "main.5bd47464.js.map": "/static/js/main.5bd47464.js.map" + "main.4e78bcf6.css.map": "/static/css/main.4e78bcf6.css.map", + "main.ac978201.js.map": "/static/js/main.ac978201.js.map" }, "entrypoints": [ - "static/css/main.013f3146.css", - "static/js/main.5bd47464.js" + "static/css/main.4e78bcf6.css", + "static/js/main.ac978201.js" ] } \ No newline at end of file diff --git a/admin-client/build/index.html b/admin-client/build/index.html index 6ddb710..139c6d3 100644 --- a/admin-client/build/index.html +++ b/admin-client/build/index.html @@ -1 +1 @@ -Todo App
\ No newline at end of file +Todo App
\ No newline at end of file diff --git a/admin-client/build/static/css/main.013f3146.css b/admin-client/build/static/css/main.013f3146.css deleted file mode 100644 index 227ad81..0000000 --- a/admin-client/build/static/css/main.013f3146.css +++ /dev/null @@ -1,2 +0,0 @@ -@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Meera+Inimai&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Signika:wght@300;400;500;600;700&family=Varela+Round&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Signika:wght@300;400;500;600;700&display=swap);.truncate-text{overflow:hidden;text-overflow:ellipsis}#root{display:flex;height:100vh;padding:0;width:100%}#root .main_container.dark_mode{color:#dcdcdc}body{align-items:center;background:#000;color:#000;display:flex;font-weight:300;justify-content:center;letter-spacing:.04em;margin:0;padding:0}body select{background:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.341);border-radius:5px;font-family:inherit;outline:1px solid rgba(0,0,0,.188);padding:2px}body button{background:hsla(0,0%,100%,.5);border:none;border:1px solid hsla(0,0%,100%,.341);border-radius:10px;cursor:pointer;outline:1px solid rgba(0,0,0,.188);padding:0 10px}body button,body button .btn_text{color:#000;font-size:1.1rem;font-weight:500;line-height:1.6}body button .btn_text.dark{color:#000}body button:hover{background:hsla(0,0%,100%,.35)}body .content{font-weight:400}body a{color:currentColor;text-decoration:none}body input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.341);border-radius:10px;color:#000;cursor:pointer;flex:1 1;font-family:inherit;font-size:1rem;font-weight:300;line-height:inherit;outline:1px solid rgba(0,0,0,.188);padding:10px!important}body .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body *{font-family:Roboto,sans-serif;font-weight:400}body .dark{color:#fff}body .main_container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100vh;justify-content:center;position:relative}body .main_container .image_container{height:100vh;left:0;position:absolute;top:0;width:100vw}body .main_container .image_container>img{height:100vh;object-fit:cover;object-position:center center;position:absolute;width:100vw}body .main_container .image_backdrop{-webkit-backdrop-filter:blur(21px);backdrop-filter:blur(21px);background-color:transparent;height:100vh;position:absolute;width:100vw}body .main_container .blur_filter{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:hsla(0,0%,100%,.137);height:100vh;opacity:1;position:absolute;width:100vw}body .main_container .main_register_container{position:absolute}body .main_container .main_register_container .glassmorphic-background>h1{text-align:center}body .main_container .main_login_container{padding:0;position:absolute}body .main_container .main_login_container .glassmorphic-background>h1,body .main_container .parent_todo_head h1{text-align:center}body .main_container .parent_todo_head .main_input_container{align-items:center;display:flex}body .main_container .parent_todo_head .main_input{margin:0 20px!important;width:300px}body .todos_list_container{display:flex;flex-direction:column;margin-top:10px;width:100%}body input{border:none;border-radius:5px}body input,body textarea{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.24);font-size:16px;width:calc(100% - 20px)}body textarea{border:none;border-radius:10px;font-family:Roboto,sans-serif;font-weight:300;padding:0 10px;resize:none}body input[type=password],body input[type=text]{flex:1 1;font-family:Roboto,sans-serif;font-weight:300;height:12px;padding:0 10px}body input[type=text]::-webkit-input-placeholder,body textarea::-webkit-input-placeholder{font-family:Roboto,sans-serif}body input[type=text]::placeholder,body textarea::placeholder{font-family:Roboto,sans-serif}textarea{word-wrap:break-word;font-size:4px;overflow-wrap:break-word}.opacity0\&disable{opacity:0;pointer-events:none}.passwordInput,.passwordInput .inputFeild{position:relative}.passwordInput .inputFeild .show_hide{display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 5px;position:absolute;right:5px;top:3px}.passwordInput .inputFeild .show_hide img{cursor:pointer;height:20px;width:20px}.main_login_container{padding:35px;width:400px}.main_login_container h2{margin-top:0}.main_login_container .glassmorphic-background{padding:20px 30px}.login__form{align-items:stretch;display:flex;flex-direction:column;row-gap:20px}.login__form div.inputdiv input{margin-top:6px;width:93%}.login__btn{background-color:#e7f0ff;border-radius:5px;font-family:Signika,sans-serif;font-size:20px}.login__btn.dark{color:#000}.sign_in_redirect{margin:10px 0}.sign_in_redirect span{color:#1ca7fd}.glassmorphic-background{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.68);border:1px solid #8d8d8d;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.2);outline:1px solid #000;padding:20px}.glassmorphic-background.dark{background:rgba(55,54,54,.25)}.main_register_container{width:400px}.main_register_container .sign_in_redirect{width:100%}.main_register_container .sign_in_redirect a{text-decoration:none}.main_register_container .sign_in_redirect span{color:#1ca7fd;font-weight:500;padding-left:10px}.loader-backdrop{background-color:rgba(0,0,0,.5)}.modal-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(px);background-color:rgba(0,0,0,.4);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.modal{-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.3);border:1px solid hsla(0,0%,100%,.349);border-radius:10px;max-width:80%;min-width:300px;outline:1px solid rgba(0,0,0,.212);padding:35px 15px;position:relative;top:80px}.modal.dark{background:rgba(55,55,55,.69);border:1px solid #6d6d6d;outline:.5px solid #1f2025}.modal .header_and_cosebtn_container .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal .header_and_cosebtn_container h3{font-weight:400;margin:0 0 10px}.modal .header_and_cosebtn_container .modal_close_btn{position:absolute;right:5px;top:5px}.modal form,.modal form .input_field{display:flex;flex-direction:column;row-gap:10px}.modal form .btn_grp{-webkit-column-gap:10px;column-gap:10px;display:flex;justify-content:center}.modal form .btn_grp button:first-child{background-color:#9cff91}.modal .modal_main_content_container{-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:10px;padding:10px}.modal .modal_main_content_container.dark{background-color:hsla(0,0%,100%,.31)}@media screen and (max-device-width:650px){.modal{max-width:90%}}.close-button{cursor:pointer;position:absolute;right:10px;top:10px}.cross_icon{align-items:center;border:2px solid red;border-radius:50%;cursor:pointer;display:flex;height:25px;justify-content:center;opacity:.4;position:relative;width:25px}.cross_icon.large{height:40px;width:40px}.cross_icon.custom-background{background-color:#add8e6}.cross_icon.darkMode{border:3px solid #0080ff}.cross_icon .line1,.cross_icon .line2{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(255,0,0,.68);border-radius:10px;height:4px;width:70%}.cross_icon .line1.darkMode,.cross_icon .line2.darkMode{background:#0080ff}.cross_icon .line1.danger,.cross_icon .line2.danger{background:#e74646}.cross_icon .line1{position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.cross_icon .line2{position:absolute;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.cross_icon #cross_tooltip{background:rgba(0,0,0,.8);border-radius:4px;bottom:100%;color:#fff;font-size:12px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.cross_icon:hover #cross_tooltip{opacity:1}.cross_icon:hover{opacity:.7}.add_icon{align-items:center;border:2px solid hsla(0,0%,100%,.24);border-radius:50%;cursor:pointer;display:flex;height:25px;justify-content:center;position:relative;width:25px}.add_icon.large{height:40px;width:40px}.add_icon.custom-background{background-color:#add8e6}.add_icon.darkMode{border:3px solid #0080ff}.add_icon .line1,.add_icon .line2{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.68);border-radius:10px;height:4px;width:70%}.add_icon .line1.darkMode,.add_icon .line2.darkMode{background:#0080ff}.add_icon .line2{position:absolute;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.add_icon #tooltip{background:rgba(0,0,0,.8);border-radius:4px;bottom:100%;color:#fff;font-size:12px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.add_icon:hover #tooltip{opacity:1}.todoListItems_container{display:flex;flex-direction:row;gap:20px;overflow:scroll;padding:1px;width:100%}.todoListItems_container .status_container{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,81%,.27);border:1px solid #6d6d6d;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;max-width:500px;min-width:325px;outline:.5px solid #1f2025}.todoListItems_container .status_container .title{background-color:#1f2025;background-color:hsla(0,0%,100%,.099);border-radius:10px 10px 0 0;padding:5px;width:calc(100% - 10px)}.todoListItems_container .status_container .all_todos{width:calc(100% - 7px)}.todoListItems_container .status_container.Todo,.todoListItems_container .status_container.dark{background-color:hsla(0,0%,100%,.099);border:1px solid #6d6d6d;outline:.5px solid #1f2025}.main_dashboard_container{display:flex;flex-direction:column;height:100vh;max-width:1200px;min-width:350px;position:absolute;width:100vw}.main_dashboard_container .dashboard_navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border-bottom:1px solid #fff;box-shadow:0 5px 4px rgba(0,0,0,.2);display:flex;flex-direction:row;height:65px;padding:0 10px;width:calc(100% - 20px)}@media screen and (min-device-width:1200px){.main_dashboard_container .dashboard_navbar{border-radius:40px}}.main_dashboard_container .dashboard_navbar .menu_btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.3);border-radius:10px;display:flex;display:none;height:30px;justify-content:center;margin-right:10px;padding:5px;width:30px}@media screen and (min-device-width:350px)and (max-device-width:650px){.main_dashboard_container .dashboard_navbar .menu_btn{display:flex}}.main_dashboard_container .dashboard_navbar.dark{border-bottom:1px solid #888}.main_dashboard_container .dashboard_navbar .theme_toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;display:flex}.main_dashboard_container .dashboard_navbar .theme_toggle.light{background:rgba(0,0,0,.3)}.main_dashboard_container .dashboard_navbar .theme_toggle div{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.main_dashboard_container .dashboard_navbar .theme_toggle div.dark svg{width:80%}.main_dashboard_container .dashboard_navbar .theme_toggle div.dark svg path{fill:#fff}.main_dashboard_container .dashboard_navbar .theme_toggle div.light svg{width:100%}.main_dashboard_container .dashboard_navbar .theme_toggle div.light svg path{fill:#f1ff00}.main_dashboard_container .dashboard_navbar .logo_image{align-items:center;-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.68);border:1px solid #dadada;border-radius:50%;display:flex;height:40px;justify-content:center;margin-right:10px;outline:1px solid rgba(0,0,0,.212);width:40px}.main_dashboard_container .dashboard_navbar .logo_image img{width:25px}.main_dashboard_container .dashboard_navbar .navbar_heading{color:#000;font-size:1.75rem;font-weight:500;line-height:1.6}.main_dashboard_container .dashboard_navbar .navbar_heading.dark{color:#dadada}.main_dashboard_container .dashboard_navbar .navbar_void{flex:1 1}.main_dashboard_container .dashboard_navbar .navbar_navlinks{align-items:center;display:flex;flex-direction:row;gap:20px;margin-right:20px}@media screen and (min-device-width:350px)and (max-device-width:650px){.main_dashboard_container .dashboard_navbar .navbar_navlinks{display:none}}.main_dashboard_container .dashboard_navbar .navbar_navlinks .navbar_navlink_item{font-weight:400;position:relative}.main_dashboard_container .dashboard_navbar .navbar_navlinks .navbar_navlink_item a{color:currentcolor;text-decoration:none}.main_dashboard_container .dashboard_navbar .navbar_navlinks .navbar_navlink_item:hover{color:#0080ff;cursor:pointer}.main_dashboard_container .dashboard_navbar .navbar_navlinks .navbar_navlink_item:hover:before{background-color:#0080ff;border-radius:2px;bottom:-5px;box-shadow:0 0 14px;content:"";height:2px;position:absolute;width:100%}.main_dashboard_container .dashboard_navbar .navbar_right{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.68);border:1px solid #dadada;border-radius:50%;display:flex;height:40px;justify-content:center;margin-right:10px;outline:1px solid rgba(0,0,0,.212);width:40px}.main_dashboard_container .dashboard_navbar .navbar_right .profile_pic{align-items:center;display:flex;justify-content:center}.main_dashboard_container .dashboard_navbar .navbar_right .profile_pic img{border-radius:50%;width:100%}.main_dashboard_container .dashboard_navbar .navbar_right .profile_pic svg{width:42px!important}.main_dashboard_container .dashboard_sidebar_and_contents{display:flex;flex:1 1;flex-direction:row;overflow:hidden;width:100%}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);display:flex;flex-direction:column;padding:10px;width:230px}@media screen and (min-device-width:350px)and (max-device-width:650px){.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar{display:none}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar.open{display:flex;flex:1 1;height:calc(100vh - 86px);position:absolute;z-index:1}}@media screen and (min-device-width:1200px){.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar{-webkit-backdrop-filter:unset;backdrop-filter:none;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background:initial}}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar .dashboard_sidebar_contents{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.45);border-radius:10px;display:flex;flex-direction:column;flex-grow:0;overflow:auto;padding:2px 0;width:100%}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar .dashboard_sidebar_contents.dark{background:rgba(0,0,0,.54);border:1px solid #6d6d6d;outline:1px solid #1f2025}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar .dashboard_sidebar_contents .sidebar_item_container{align-items:center;display:flex;flex-direction:column;width:95%}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar .dashboard_sidebar_contents .sidebar_item_container .sidebar_item{border-radius:5px;color:#000;cursor:pointer;display:flex;flex-direction:column;margin:4px 0;padding:5px;width:calc(100% - 10px)}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar .dashboard_sidebar_contents .sidebar_item_container .sidebar_item a{font-size:16px;font-weight:400}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar .dashboard_sidebar_contents .sidebar_item_container .sidebar_item.selected,.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar .dashboard_sidebar_contents .sidebar_item_container .sidebar_item:hover{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(16px);background-color:hsla(0,0%,100%,.26);color:#0080ff;font-weight:400}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar .dashboard_sidebar_contents .sidebar_item_container .sidebar_item.dark{color:#0080ff}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar .dashboard_sidebar_contents .sidebar_item_container .horizontal_divider{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(16px);background:hsla(0,0%,100%,.19);height:1px;width:100%}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar_logoutbtn{padding-top:10px;width:60%}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar_logoutbtn .logoutBtn{border:none;border-radius:10px;color:#fb7575;font-size:1.1rem;font-weight:500;line-height:1.6;width:100%}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_contents_main_container{display:flex;flex:1 1;flex-direction:column;overflow:auto!important;padding:10px;position:relative!important;row-gap:10px}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_contents_main_container .contents_header{display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:1}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_contents_main_container .contents_header div.contents_header_container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.1);border-radius:10px;box-shadow:0 4px 10px #282828;display:flex;height:29.5px;justify-content:flex-start;padding:10px;width:100%}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_contents_main_container .contents_header div.contents_header_container.dark{background-color:initial;border:1px solid #6d6d6d;outline:.5px solid #1f2025}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_contents_main_container .contents_header div.contents_header_container h1{flex-grow:1;font-size:24px;margin:0}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_contents_main_container .contents_header .addTodo_btn_div button{background-color:green}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_contents_main_container .contents_container{border-radius:10px;display:flex;flex:1 1;row-gap:10px}.button_wrapper button{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.button_wrapper button .btn_text{padding:0 5px}.button_wrapper button .add_icon{border:2px solid rgba(20,232,0,.42);margin-left:5px}.button_wrapper button .add_icon .line1,.button_wrapper button .add_icon .line2{background-color:#6eff4e}.addTodo_form_container form{display:flex;flex-direction:column;row-gap:10px;width:100%}.addTodo_form_container form div{align-items:center;display:flex;justify-content:center}.todo_item_individual{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.4);border-radius:10px;box-shadow:inset 0 0 2px rgba(0,0,0,.4);display:flex;flex-direction:column;font-size:24px;font-weight:400;gap:10px;margin:5px 0;overflow:hidden;padding:10px;width:calc(100% - 20px)}.todo_item_individual .status_mark{bottom:0;height:2px;left:0;position:absolute;width:100%}.todo_item_individual .status_mark.Todo{background-color:rgba(255,225,0,.684)}.todo_item_individual .status_mark.InProgress{background-color:#0080ff}.todo_item_individual .status_mark.Completed{background-color:rgba(77,255,0,.684)}.todo_item_individual .status_mark.OnHold{background-color:rgba(255,136,0,.684)}.todo_item_individual.dark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(55,55,55,.69);border:.5px;box-shadow:inset 0 0 2px hsla(0,0%,100%,.4);outline:.5px solid #1f2025}.todo_item_individual:hover{box-shadow:inset 0 0 5px}.todo_item_individual .date_and_time_ctas_container{display:flex;justify-content:space-evenly;width:-webkit-fill-available}.todo_item_individual .date_and_time_ctas_container .date_and_time{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.2);background:linear-gradient(145deg,#cacaca,#f0f0f0);border-radius:10px;border-radius:50px;box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff;display:flex;flex-direction:column;justify-content:center;padding:3px;width:80px}.todo_item_individual .date_and_time_ctas_container .date_and_time .text{color:#3c3c3c;font-size:8px;font-weight:900}.todo_item_individual .date_and_time_ctas_container .date_and_time .text.dark{color:hsla(0,0%,100%,.9)}.todo_item_individual .date_and_time_ctas_container .todo_CTAs_container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-left:5px;max-width:100px;width:80px}.todo_item_individual .todo_item_title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#000;display:-webkit-box;flex-grow:1;font-size:16px;font-weight:400;white-space:wrap!important;width:100%}.todo_item_individual .todo_item_title.dark{color:hsla(0,0%,100%,.9)}.del_cncl{display:flex;justify-content:space-evenly}.icon_Wrapper{background-color:hsla(0,0%,100%,.513);border-radius:5px;height:24px;padding:5px;width:24px}.icon_Wrapper path{fill:#0080ff}.icon_Wrapper.dark{background-color:initial}.todo_details_container{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:10px;display:flex;flex-direction:column;height:auto;width:100%}.todo_details_container .todo_id{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.5);border-radius:10px 10px 0 0;display:flex;flex-direction:row;font-size:16px;font-weight:500;justify-content:space-between;padding:10px;width:calc(100% - 20px)}.todo_details_container .todo_id.dark{background:hsla(0,0%,49%,.5)}.todo_details_container .horizontal_line{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(16px);background:hsla(0,0%,100%,.19);height:1px;width:100%}.todo_details_container .todo_contents_container{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.4);border-radius:5px;display:flex;flex:1 1;flex-direction:column;margin:5px;padding:5px;row-gap:10px;width:calc(100% - 20px)}.todo_details_container .todo_contents_container.dark{background-color:initial}.todo_details_container .todo_contents_container .header{color:rgba(0,0,0,.71);font-size:12px;font-weight:400}.todo_details_container .todo_contents_container .header.dark{color:hsla(0,0%,100%,.44)}.todo_details_container .todo_contents_container .content{word-wrap:break-word;font-size:16px;padding:3px 0 10px}.todo_details_container .todo_contents_container .todo_date_and_time_container{-webkit-column-gap:20px;column-gap:20px;display:flex}.todo_details_container .todo_contents_container .todo_date_and_time_container .todo_createdAt,.todo_details_container .todo_contents_container .todo_date_and_time_container .todo_updatedAt{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.1);border-radius:5px;display:flex;flex-direction:column;font-size:12px;padding:7px}.todo_details_container .todo_contents_container .todo_date_and_time_container .todo_createdAt .header,.todo_details_container .todo_contents_container .todo_date_and_time_container .todo_updatedAt .header{margin-bottom:5px}.todo_details_container .todo_contents_container .todo_date_and_time_container .todo_createdAt .time,.todo_details_container .todo_contents_container .todo_date_and_time_container .todo_updatedAt .time{padding:0 10px}.todo_details_container .todo_contents_container .todo_subTodos .subTodo_addbtn{align-items:center;display:flex;justify-content:space-between}.todo_details_container .todo_contents_container .btn_grp{-webkit-column-gap:10px;column-gap:10px;display:flex;justify-content:center}.todo_details_container .todo_contents_container .btn_grp button:first-child{background-color:#9cff91}.loader-backdrop{align-items:center;background-color:hsla(0,0%,48%,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999999}.loader-container{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(16px);background:hsla(0,0%,100%,.39);border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.3);display:flex;flex-direction:column;padding:16px;width:106px}.ios-gear-loading{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:5px solid rgba(0,0,0,.2);border-radius:50%;border-top-color:#2196f3;height:50px;margin-bottom:10px;width:50px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.notfound_main_container{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);height:100%;position:absolute;width:100%}.notfound_main_container.isAuthenticated{background-color:#f0f8ff}.profile_main_container{align-items:flex-start;border-radius:10px;display:flex;flex:1 1;justify-content:center}@media screen and (min-device-width:350px)and (max-device-width:650px){.profile_main_container{width:100%}}.profile_main_container .header{color:rgba(0,0,0,.49);font-size:20px;font-weight:400}.profile_main_container .header.dark{color:hsla(0,0%,100%,.49)}.profile_main_container .content{word-wrap:break-word;font-weight:400}.profile_main_container .horizontal_divider{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(16px);background:hsla(0,0%,100%,.446);height:1px;width:100%}.profile_main_container .profile_main_card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.52);border:1px solid rgba(0,0,0,.251);border-radius:10px;box-shadow:0 0 2px;display:flex;flex-direction:column;margin:5% 0;max-width:365px;min-width:300px;outline:1px solid rgba(0,0,0,.61);padding:10px}.profile_main_container .profile_main_card .edit_profile_icon{background-color:hsla(0,0%,100%,.513);border-radius:5px;height:24px;padding:5px;position:absolute;right:7px;top:6px;width:24px}.profile_main_container .profile_main_card .edit_profile_icon path{fill:#0080ff}.profile_main_container .profile_main_card .edit_profile_icon.dark{background-color:initial}.profile_main_container .profile_main_card.dark{background-color:rgba(0,0,0,.52)}.profile_main_container .profile_main_card .profile_pic_con{align-items:center;display:flex;flex-direction:column;margin:10px 0;row-gap:10px;width:100%}.profile_main_container .profile_main_card .profile_pic_con img,.profile_main_container .profile_main_card .profile_pic_con svg{border-radius:50%;height:120px;margin-bottom:10px;outline:1px solid rgba(0,0,0,.231);width:120px}.profile_main_container .profile_main_card .profile_pic_con.light svg{fill:#fff}.profile_main_container .profile_main_card .profile_pic_con .modal form,.profile_main_container .profile_main_card .profile_pic_con .modal form .input_feild{display:flex}@media screen and (min-device-width:350px)and (max-device-width:650px){.profile_main_container .profile_main_card .profile_pic_con{align-items:center;display:flex;flex-direction:column;margin:10px 0 40px;row-gap:10px;width:100%}}.profile_main_container .profile_main_card .profile_email,.profile_main_container .profile_main_card .profile_picUrl,.profile_main_container .profile_main_card .profile_userName_con{display:flex;flex-direction:column;margin:5px 0 20px;row-gap:5px;width:100%}@media screen and (min-device-width:350px)and (max-device-width:650px){.profile_main_container .profile_main_card{max-width:none;min-width:0;min-width:auto;width:88%}} -/*# sourceMappingURL=main.013f3146.css.map*/ \ No newline at end of file diff --git a/admin-client/build/static/css/main.013f3146.css.map b/admin-client/build/static/css/main.013f3146.css.map deleted file mode 100644 index f5a3631..0000000 --- a/admin-client/build/static/css/main.013f3146.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.013f3146.css","mappings":"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","sources":["App.scss","styles/typography/typography.scss","components/UIComponents/PasswordInput.scss","components/Admin/Login/Login.scss","components/UIComponents/Modal/DesignComponents/GlassmorphicBackground.scss","components/Admin/Register/Register.scss","components/UIComponents/Loader/Loader.scss","components/UIComponents/Modal/Modal.scss","components/WRAPPERS/DashboardWrapper/DashboardWrapper.scss","components/UIComponents/CrossIcon/CrossIcon.scss","components/UIComponents/AddIcon/AddIcon.scss","components/UIComponents/Todos/TodosListContainer/TodosListContainer.scss","components/UIComponents/Todos/TodoItem/TodoItem.scss","components/WRAPPERS/CTAIconWrapper/CTAIconWrapper.scss","components/UIComponents/TodoDetails/TodoDetails.scss","components/UIComponents/LoaderComponent/LoaderComponent.scss","Pages/NotFound/NotFound.scss","components/UIComponents/Profile/Profile.scss"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Meera+Inimai&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Signika:wght@300;400;500;600;700&family=Varela+Round&display=swap');\n\n@import './styles/typography/typography.scss';\n$black1: \t#000000;\n$black2: \t#303030;\n$black3: \t#606060;\n$black4: \t#909090;\n$black5: \t#aeaeae;\n$black6: \t#c1c1c1;\n$black7: \t#dcdcdc;\n$white: \t#ffffff;\n\n// font-family: 'M PLUS Rounded 1c', sans-serif;\n// font-family: 'Meera Inimai', sans-serif;\n// font-family: 'Roboto', sans-serif;\n// font-family: 'Signika', sans-serif;\n// font-family: 'Varela Round', sans-serif;\n\n\n\n.truncate-text {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n#root{\n width: 100%;\n padding: 0 0px;\n display: flex;\n height: 100vh;\n\n .main_container{\n &.dark_mode{\n color:#dcdcdc\n }\n }\n}\nbody{\n margin:0;\n padding:0;\n background:$black1;\n color:$black1;\n font-weight: 300;\n display:flex;\n justify-content: center;\n align-items: center;\n letter-spacing: 0.04em;\n\n\n select{\n border-radius: 5px;\n padding: 2px;\n font-family: inherit;\n background: rgba(255, 255, 255, 0.5);\n border: 1px solid #ffffff57;\n outline: 1px solid #00000030;\n }\n\n button{\n border: none;\n border-radius: 10px;\n cursor:pointer;\n padding:0 10px;\n border-radius: 10px;\n background: rgba(255, 255, 255, 0.5);\n border: 1px solid #ffffff57;\n outline: 1px solid #00000030;\n color: #000000;\n\n @include typography(\n $subheading-size,\n 500,\n $default-line-height,\n #000000\n );\n\n .btn_text{\n @include typography(\n $subheading-size,\n 500,\n $default-line-height,\n #000000\n );\n &.dark{\n color:#000000\n }\n }\n\n &:hover{\n background: rgba(255, 255, 255, 0.35);\n }\n }\n\n .content{\n font-weight: 400;\n }\n\n a{\n text-decoration: none;\n color:currentColor;\n }\n\n input{\n flex:1;\n border: none;\n border-radius: 10px;\n font-family: inherit;\n background: rgba(255, 255, 255, 0.5);\n border: 1px solid #ffffff57;\n outline: 1px solid #00000030;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n cursor:pointer;\n @include typography(\n $heading6-size,\n 300,\n unset,\n #000000\n );\n padding:10px !important;\n\n }\n\n .truncate {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n *{\n // font-family: 'M PLUS Rounded 1c', sans-serif;\n// font-family: 'Meera Inimai', sans-serif;\nfont-family: 'Roboto', sans-serif;\n// font-family: 'Signika', sans-serif;\n// font-family: 'Varela Round', sans-serif;\n font-weight: 400;\n // transition: transform 0.3s 0.1s ease-in-out;\n &.dark{\n color:#ffffff\n }\n }\n\n .main_container{\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n flex: 1 1;\n height: 100vh;\n justify-content: center;\n position:relative;\n\n .image_container{\n width:100vw;\n height:100vh;\n top:0;\n left:0;\n position:absolute;\n &>img{\n width: 100vw;\n height: 100vh;\n object-fit: cover;\n object-position: center center;\n position:absolute;\n }\n }\n .image_backdrop{\n position: absolute;\n width: 100vw;\n height: 100vh;\n background-color: transparent;\n backdrop-filter: blur(21px);\n }\n\n \n\n .blur_filter{\n background-color: #ffffff23;\n width:100vw;\n height:100vh;\n position:absolute;\n opacity:1;\n backdrop-filter: blur(6px);\n }\n\n .main_register_container{\n position:absolute;\n .glassmorphic-background{\n &>h1{\n text-align: center;\n }\n }\n \n }\n\n .main_login_container{\n padding:0;\n position:absolute;\n .glassmorphic-background{\n &>h1{\n text-align: center;\n }\n }\n }\n\n .parent_todo_head{\n\n h1{\n text-align: center;\n }\n .main_input_container{\n display: flex;\n align-items: center;\n }\n .main_input{\n margin: 0 20px 0 20px !important;\n width: 300px;\n }\n }\n \n }\n .todos_list_container{\n width: 100%;\n display: flex;\n flex-direction: column;\n margin-top: 10px;\n }\n input{\n border-radius: 5px;\n border: none;\n font-size: 16px;\n background: rgb(255 255 255 / 24%);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(4px);\n width:calc(100% - 20px);\n }\n textarea{\n border-radius: 10px;\n border: none;\n font-size: 16px;\n background: rgb(255 255 255 / 24%);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(4px);\n padding:0 10px;\n font-family: 'Roboto', sans-serif;\n font-weight: 300;\n width:calc(100% - 20px);\n resize: none;\n }\n\n input[type=\"text\"], input[type=\"password\"] {\n height: 12px;\n padding:0 10px;\n font-family: 'Roboto', sans-serif;\n font-weight: 300;\n flex:1;\n }\n\ninput[type=\"text\"]::placeholder,\ntextarea::placeholder {\n font-family: 'Roboto', sans-serif;\n}\n}\n\ntextarea {\n word-wrap: break-word;\n overflow-wrap: break-word;\n font-size: 4px;\n}\n\n.opacity0\\&disable{\n opacity:0;\n pointer-events: none;\n}","// _typography.scss\n\n@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Signika:wght@300;400;500;600;700&display=swap');\n\n// Font families\n$font-primary: 'Helvetica Neue', Arial, sans-serif;\n$font-secondary: 'Roboto', sans-serif;\n\n// Heading styles\n$heading1-size: 2.5rem;\n$heading2-size: 2rem;\n$heading3-size: 1.75rem;\n$heading4-size: 1.5rem;\n$heading5-size: 1.25rem;\n$heading6-size: 1rem;\n\n$heading1-font: $font-primary;\n$heading2-font: $font-primary;\n$heading3-font: $font-primary;\n$heading4-font: $font-primary;\n$heading5-font: $font-primary;\n$heading6-font: $font-primary;\n\n$heading1-line-height: 1.2;\n$heading2-line-height: 1.3;\n$heading3-line-height: 1.4;\n$heading4-line-height: 1.5;\n$heading5-line-height: 1.6;\n$heading6-line-height: 1.7;\n\n$heading1-font-weight: 700;\n$heading2-font-weight: 600;\n$heading3-font-weight: 600;\n$heading4-font-weight: 600;\n$heading5-font-weight: 600;\n$heading6-font-weight: 600;\n\n$heading1-color: #333;\n$heading2-color: #333;\n$heading3-color: #333;\n$heading4-color: #333;\n$heading5-color: #333;\n$heading6-color: #333;\n\n// Subheading styles\n$subheading-size: 1.1rem;\n$subheading-font: $font-secondary;\n$subheading-line-height: 1.4;\n$subheading-font-weight: 600;\n$subheading-color: #666;\n\n// Body text styles\n$body-size: 1rem;\n$body-font: $font-primary;\n$body-line-height: 1.6;\n$body-font-weight: 400;\n$body-color: #444;\n\n\n$default-font-size: 1rem;\n$default-font-weight: 300;\n$default-line-height: 1.6;\n\n$link_blue:#0080ff;\n\n$dark_mode_outline:1px solid #1f2025;\n$dark_mode_border:1px solid #6d6d6d;\n$dark_mode_bgColor:rgba(0, 0, 0, 0.54);\n\n@mixin typography($font-size: $default-font-size, $font-weight: $default-font-weight, $line-height: $default-line-height, $color: inherit) {\n font-size: $font-size;\n font-weight: $font-weight;\n line-height: $line-height;\n color: $color;\n}\n",".passwordInput {\n position: relative;\n .inputFeild{\n position:relative;\n .show_hide {\n position: absolute;\n top: 3px;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin: 0 5px;\n right: 5px;\n img {\n width: 20px;\n height:20px;\n cursor:pointer\n }\n }\n }\n}\n",".main_login_container{\n width: 400px;\n padding: 35px;\n\n h2{\n margin-top: 0;\n }\n\n .glassmorphic-background{\n padding:20px 30px\n }\n}\n\n.login__form{\n display: flex;\n flex-direction: column;\n align-items: stretch;\n row-gap: 20px;\n\n div.inputdiv{\n input{\n width:93%;\n margin-top: 6px;\n }\n }\n}\n\n.login__btn{\n background-color: #e7f0ff;\n border-radius: 5px;\n font-family: 'Signika', sans-serif;\n font-size: 20px;\n // width:50px;\n\n &.dark{\n color:black\n }\n}\n\n.sign_in_redirect{\n margin: 10px 0;\n\n span{\n color:rgb(28, 167, 253)\n }\n}",".glassmorphic-background {\n background: rgb(255 255 255 / 68%);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(4px);\n border: 1px solid rgb(141 141 141);\n outline: 1px solid black;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n\n &.dark{\n background: rgb(55 54 54 / 25%);\n }\n}\n",".main_register_container{\n width: 400px;\n\n .sign_in_redirect{\n width:100%;\n\n a{\n text-decoration: none;\n }\n\n span{\n color:rgb(28, 167, 253);\n font-weight: 500;\n padding-left: 10px;\n }\n }\n}","/* Loader.css */\n.loader-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(0, 0, 0, 0.5);\n z-index:999999;\n }\n \n .loader-container {\n display: flex;\n flex-direction: column;\n width: 106px;\n align-items: center;\n padding: 16px;\n background: rgb(255 255 255 / 39%);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(16px);\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\n }\n \n .ios-gear-loading {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n border: 5px solid rgba(0, 0, 0, 0.2);\n border-top: 5px solid #2196f3;\n animation: spin 1s linear infinite;\n margin-bottom: 10px;\n }\n \n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }","// Mobile-first styles\n@import \"../../WRAPPERS/DashboardWrapper/DashboardWrapper.scss\";\n\n.modal-overlay {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgb(0 0 0 / 40%);\n -webkit-backdrop-filter: blur(15px);\n backdrop-filter: blur(px);\n z-index: 1;\n}\n\n.modal {\n background: rgb(255 255 255 / 30%);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid rgba(255, 255, 255, 0.3490196078);\n outline: 1px solid rgba(0, 0, 0, 0.2117647059);\n padding: 35px 15px;\n border-radius: 10px;\n min-width: 300px;\n max-width: 80%;\n position: relative;\n top: 80px;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n\n &.dark {\n background: $dash_contents_dark_mode_bgColor;\n border: $dash_contents_dark_mode_border;\n outline: $dash_contents_dark_mode_outline;\n }\n\n .header_and_cosebtn_container {\n .truncate {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n h3 {\n margin: 0 0 10px 0;\n font-weight: 400;\n }\n\n .modal_close_btn {\n position: absolute;\n top: 5px;\n right: 5px;\n }\n }\n\n form {\n display: flex;\n flex-direction: column;\n row-gap: 10px;\n\n .input_field {\n display: flex;\n flex-direction: column;\n row-gap: 10px;\n }\n\n .btn_grp {\n display: flex;\n justify-content: center;\n column-gap: 10px;\n\n button:nth-child(1) {\n background-color: rgb(156, 255, 145);\n }\n }\n }\n\n .modal_main_content_container {\n -webkit-backdrop-filter: blur(12px);\n border-radius: 10px;\n backdrop-filter: blur(1px);\n padding: 10px;\n\n &.dark {\n background-color: #ffffff4f;\n }\n }\n\n @media screen and (max-device-width: 650px) {\n max-width: 90%;\n }\n}\n\n.close-button {\n position: absolute;\n top: 10px;\n right: 10px;\n cursor: pointer;\n}\n\n// Responsive styles\n// @media screen and (min-width: 768px) {\n// .modal {\n// width: 60%;\n// }\n// }\n\n// @media screen and (min-width: 1024px) {\n// .modal {\n// width: 80%;\n// }\n// }","@import \"../../../styles/typography/typography.scss\";\n\n$dash_contents_dark_mode_outline: 0.5px solid #1f2025;\n$dash_contents_dark_mode_border: 1px solid #6d6d6d;\n$dash_contents_dark_mode_bgColor: rgb(55 55 55 / 69%);\n\n.main_dashboard_container {\n position: absolute;\n width: 100vw;\n height: 100vh;\n display: flex;\n flex-direction: column;\n min-width: 350px;\n max-width: 1200px;\n\n .dashboard_navbar {\n display: flex;\n width: calc(100% - 20px);\n height: 65px;\n background: rgba(255, 255, 255, 0.2);\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgb(255, 255, 255);\n box-shadow: 0 5px 4px rgba(0, 0, 0, 0.2);\n flex-direction: row;\n align-items: center;\n padding: 0px 10px;\n\n @media screen and (min-device-width:1200px) {\n border-radius: 40px;\n\n }\n\n .menu_btn {\n width: 30px;\n height: 30px;\n padding: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 10px;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n border-radius: 10px;\n margin-right: 10px;\n background: rgba(0, 0, 0, 0.3);\n display: none;\n\n @media screen and (min-device-width: 350px) and (max-device-width: 650px) {\n display: flex;\n }\n }\n\n &.dark {\n border-bottom: 1px solid rgb(136 136 136);\n }\n\n .theme_toggle {\n display: flex;\n align-items: center;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n border-radius: 10px;\n\n // &.dark{\n // background: rgba(255, 255, 255, 0.3);\n // }\n &.light {\n background: rgba(0, 0, 0, 0.3);\n }\n\n div {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &.dark {\n svg {\n width: 80%;\n\n path {\n fill: white;\n }\n }\n }\n\n &.light {\n svg {\n width: 100%;\n\n path {\n fill: #f1ff00;\n }\n }\n }\n }\n }\n\n .logo_image {\n width: 40px;\n height: 40px;\n background: rgba(255, 255, 255, 0.68);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid #dadada;\n outline: 1px solid #00000036;\n backdrop-filter: blur(4px);\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n margin-right: 10px;\n\n img {\n width: 25px;\n }\n }\n\n .navbar_heading {\n @include typography($heading3-size, 500, $default-line-height, #000000);\n\n &.dark {\n color: #dadada;\n }\n }\n\n .navbar_void {\n flex: 1;\n }\n\n .navbar_navlinks {\n display: flex;\n align-items: center;\n flex-direction: row;\n gap: 20px;\n margin-right: 20px;\n\n @media screen and (min-device-width: 350px) and (max-device-width: 650px) {\n display: none;\n // &.open {\n // display: flex;\n // position: absolute;\n // z-index: 1;\n // flex: 1;\n // height: calc(100vh - 86px);\n // }\n }\n\n .navbar_navlink_item {\n font-weight: 400;\n position: relative;\n\n a {\n text-decoration: none;\n color: currentcolor;\n }\n\n &:hover {\n color: $link_blue;\n cursor: pointer;\n\n &:before {\n content: \"\";\n width: 100%;\n background-color: $link_blue;\n height: 2px;\n position: absolute;\n border-radius: 2px;\n bottom: -5px;\n box-shadow: 0px 0px 14px;\n }\n }\n }\n }\n\n .navbar_right {\n width: 40px;\n height: 40px;\n background: rgba(255, 255, 255, 0.68);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(4px);\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n border: 1px solid #dadada;\n outline: 1px solid #00000036;\n margin-right: 10px;\n\n .profile_pic {\n display: flex;\n justify-content: center;\n align-items: center;\n\n img {\n width: 100%;\n border-radius: 50%;\n }\n\n svg {\n width: 42px !important;\n }\n }\n }\n }\n\n .dashboard_sidebar_and_contents {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n overflow: hidden;\n\n .dashboard_sidebar {\n display: flex;\n flex-direction: column;\n width: 230px;\n background: rgb(255 255 255 / 10%);\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n padding: 10px;\n\n @media screen and (min-device-width: 350px) and (max-device-width: 650px) {\n display: none;\n\n &.open {\n display: flex;\n position: absolute;\n z-index: 1;\n flex: 1;\n height: calc(100vh - 86px);\n }\n }\n\n @media screen and (min-device-width:1200px) {\n background: unset;\n -webkit-backdrop-filter: unset;\n backdrop-filter: unset;\n }\n\n .dashboard_sidebar_contents {\n width: 100%;\n flex-grow: unset;\n display: flex;\n flex-direction: column;\n align-items: center;\n border-radius: 10px;\n background: rgba(255, 255, 255, 0.45);\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n overflow: auto;\n padding: 2px 0;\n\n &.dark {\n background: rgb(0 0 0 / 54%);\n outline: 1px solid #1f2025;\n border: 1px solid #6d6d6d;\n }\n\n .sidebar_item_container {\n display: flex;\n flex-direction: column;\n width: calc(100% - 5%);\n align-items: center;\n\n .sidebar_item {\n display: flex;\n flex-direction: column;\n cursor: pointer;\n width: calc(100% - 10px);\n padding: 5px;\n border-radius: 5px;\n margin: 4px 0;\n color: black;\n\n a {\n font-size: 16px;\n font-weight: 400;\n }\n\n &:hover,\n &.selected {\n font-weight: 400;\n background-color: rgb(255 255 255 / 26%);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(16px);\n color: $link_blue;\n }\n\n &.dark {\n color: $link_blue;\n }\n }\n\n .horizontal_divider {\n width: 100%;\n height: 1px;\n background: rgba(255, 255, 255, 0.19);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(16px);\n }\n }\n }\n\n\n }\n\n .dashboard_sidebar_logoutbtn {\n padding-top: 10px;\n width: 60%;\n\n .logoutBtn {\n width: 100%;\n border: none;\n @include typography($subheading-size,\n 500,\n $default-line-height,\n #fb7575);\n border-radius: 10px;\n }\n }\n\n .dashboard_contents_main_container {\n flex: 1;\n display: flex;\n overflow: auto !important;\n flex-direction: column;\n padding: 10px;\n row-gap: 10px;\n position: relative !important;\n // background: rgb(255 255 255 / 10%);\n // -webkit-backdrop-filter: blur(10px);\n // backdrop-filter: blur(10px);\n\n .contents_header {\n display: flex;\n position: sticky;\n top: 0;\n z-index: 1;\n\n div.contents_header_container {\n background: rgba(255, 255, 255, 0.1);\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(5px);\n box-shadow: rgb(40, 40, 40) 0px 4px 10px;\n border-radius: 10px;\n padding: 10px;\n width: 100%;\n height: 29.5px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n\n &.dark {\n background-color: unset;\n outline: $dash_contents_dark_mode_outline;\n border: $dash_contents_dark_mode_border;\n }\n\n h1 {\n font-size: 24px;\n margin: 0;\n flex-grow: 1;\n }\n }\n\n .addTodo_btn_div {\n button {\n background-color: green;\n }\n }\n }\n\n .contents_container {\n border-radius: 10px;\n row-gap: 10px;\n flex: 1;\n display: flex;\n\n &.dark {}\n }\n }\n }\n}\n\n.button_wrapper {\n button {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n\n .btn_text {\n padding: 0 5px;\n }\n\n .add_icon {\n margin-left: 5px;\n border: 2px solid rgb(20 232 0 / 42%);\n\n .line1,\n .line2 {\n background-color: rgb(110 255 78);\n }\n }\n }\n}\n\n.addTodo_form_container {\n form {\n display: flex;\n flex-direction: column;\n row-gap: 10px;\n width: 100%;\n\n div {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n}","@import '../../../styles/typography/typography.scss';\n\n// AddIcon component styles\n.cross_icon {\n position: relative;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n // transition: background-color 0.2s ease-in-out;\n border: 2px solid rgb(255, 0, 0);\n opacity:0.4;\n\n \n // Default size\n width: 25px;\n height: 25px;\n \n // Optional size passed as a prop\n \n &.large {\n width: 40px;\n height: 40px;\n }\n \n // Optional background color passed as a prop\n &.custom-background {\n background-color: lightblue;\n }\n\n &.darkMode{\n border: 3px solid $link_blue;\n }\n \n .line1, .line2 {\n width: 70%;\n height: 4px;\n background: rgba(255, 0, 0, 0.68);\n backdrop-filter: blur(4px);\n border-radius: 10px;\n\n &.darkMode{\n background: $link_blue;\n }\n\n &.danger{\n background: rgba(231, 70, 70);\n }\n }\n \n .line1 {\n position: absolute;\n transform: rotate(45deg);\n }\n .line2 {\n position: absolute;\n transform: rotate(-45deg);\n }\n \n #cross_tooltip {\n position: absolute;\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(0, 0, 0, 0.8);\n color: #fff;\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 12px;\n white-space: nowrap;\n pointer-events: none;\n opacity: 0;\n // transition: opacity 0.2s ease-in-out;\n }\n \n \n &:hover #cross_tooltip {\n opacity: 1;\n }\n\n &:hover{\n opacity:0.7\n }\n }\n ","@import '../../../styles/typography/typography.scss';\n\n// AddIcon component styles\n.add_icon {\n position: relative;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n // transition: background-color 0.2s ease-in-out;\n border: 2px solid rgba(255, 255, 255, 0.24);\n\n \n // Default size\n width: 25px;\n height: 25px;\n \n // Optional size passed as a prop\n \n &.large {\n width: 40px;\n height: 40px;\n }\n \n // Optional background color passed as a prop\n &.custom-background {\n background-color: lightblue;\n }\n\n &.darkMode{\n border: 3px solid $link_blue;\n }\n \n .line1, .line2 {\n width: 70%;\n height: 4px;\n background: rgba(255, 255, 255, 0.68);\n backdrop-filter: blur(4px);\n border-radius: 10px;\n\n &.darkMode{\n background: $link_blue;\n }\n }\n \n .line2 {\n position: absolute;\n transform: rotate(90deg);\n }\n \n #tooltip {\n position: absolute;\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(0, 0, 0, 0.8);\n color: #fff;\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 12px;\n white-space: nowrap;\n pointer-events: none;\n opacity: 0;\n // transition: opacity 0.2s ease-in-out;\n }\n \n \n &:hover #tooltip {\n opacity: 1;\n }\n }\n ",".todoListItems_container {\n display: flex;\n flex-direction: row;\n width: 100%;\n gap: 20px;\n overflow: scroll;\n padding: 1px;\n\n .status_container {\n display: flex;\n min-width: 325px;\n max-width: 500px;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n background: rgba(206, 206, 206, 0.27);\n backdrop-filter: blur(15px);\n outline: 0.5px solid #1f2025;\n border: 1px solid #6d6d6d;\n border-radius: 10px;\n\n .title {\n width: calc(100% - 10px);\n background-color: #1f2025;\n padding: 5px;\n border-radius: 10px 10px 0 0;\n background-color: rgba(255, 255, 255, 0.099);\n }\n\n .all_todos {\n width: calc(100% - 7px);\n }\n\n &.Todo {\n background-color: rgba(255, 255, 255, 0.099);\n outline: 0.5px solid #1f2025;\n border: 1px solid #6d6d6d;\n }\n\n &.dark {\n background-color: rgba(255, 255, 255, 0.099);\n outline: 0.5px solid #1f2025;\n border: 1px solid #6d6d6d;\n }\n }\n}","@import '../../../WRAPPERS/./DashboardWrapper/DashboardWrapper.scss';\n\n.todo_item_individual {\n font-size: 24px;\n font-weight: 400;\n width: calc(100% - 20px);\n background: rgba(255, 255, 255, 0.4);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(10px);\n border-radius: 10px;\n padding: 3px 10px;\n display: flex;\n align-items: center;\n margin: 5px 0;\n box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.4);\n overflow: hidden;\n flex-direction: column;\n padding-top: 10px;\n padding-bottom: 10px;\n gap: 10px;\n\n\n .status_mark {\n width: 100%;\n\n position: absolute;\n height: 2px;\n bottom: 0px;\n left: 0;\n\n &.Todo {\n background-color: rgba(255, 225, 0, 0.684);\n }\n\n &.InProgress {\n background-color: #0080ff;\n }\n\n &.Completed {\n background-color: rgba(77, 255, 0, 0.684);\n }\n\n &.OnHold {\n background-color: rgba(255, 136, 0, 0.684);\n }\n }\n\n &.dark {\n box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.4);\n background: $dash_contents_dark_mode_bgColor;\n outline: $dash_contents_dark_mode_outline;\n border: $dash_contents_dark_mode_border;\n border: 0.5px;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n }\n\n &:hover {\n box-shadow: inset 0px 0px 5px;\n }\n\n .date_and_time_ctas_container {\n display: flex;\n width: -webkit-fill-available;\n justify-content: space-evenly;\n\n .date_and_time {\n background-color: rgba(255, 255, 255, 0.2);\n padding: 3px 3px;\n border-radius: 10px;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80px;\n justify-content: center;\n border-radius: 50px;\n background: linear-gradient(145deg, #cacaca, #f0f0f0);\n box-shadow: 20px 20px 60px #bebebe,\n -20px -20px 60px #ffffff;\n\n\n .text {\n font-size: 8px;\n font-weight: 900;\n color: #3c3c3c;\n\n &.dark {\n color: rgb(255, 255, 255, 90%);\n }\n }\n }\n\n .todo_CTAs_container {\n max-width: 100px;\n width: 80px;\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-left: 5px;\n justify-content: space-between;\n\n\n }\n }\n\n\n\n .todo_item_title {\n flex-grow: 1;\n width: calc(100% - 0px);\n font-weight: 400;\n color: rgb(0 0 0);\n font-size: 16px;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n white-space: wrap !important;\n\n &.dark {\n color: rgb(255, 255, 255, 90%);\n }\n }\n\n\n}\n\n\n.del_cncl {\n display: flex;\n justify-content: space-evenly;\n}",".icon_Wrapper{\n width: 24px;\n height: 24px;\n background-color: rgba(255, 255, 255, 0.513);\n padding: 5px;\n border-radius: 5px;\n path {\n fill: #0080ff;\n }\n &.dark {\n background-color: unset;\n }\n\n}",".todo_details_container {\n border-radius: 10px;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n height: auto;\n background-color: rgb(255 255 255 / 10%);\n // padding:10px;\n\n .todo_id {\n font-size: 16px;\n font-weight: 500;\n display: flex;\n align-items: center;\n width: calc(100% - 20px);\n border-radius: 10px 10px 0 0;\n padding: 10px;\n background: rgba(255, 255, 255, 0.5);\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n flex-direction: row;\n justify-content: space-between;\n\n &.dark {\n background: rgb(125 125 125 / 50%);\n }\n }\n\n .horizontal_line {\n width: 100%;\n height: 1px;\n background: rgba(255, 255, 255, 0.19);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(16px);\n }\n\n .todo_contents_container {\n width: calc(100% - 20px);\n margin: 5px;\n -webkit-backdrop-filter: blur(1px);\n backdrop-filter: blur(10px);\n border-radius: 5px;\n padding: 5px;\n display: flex;\n flex-direction: column;\n row-gap: 10px;\n flex: 1 1;\n background-color: rgba(255, 255, 255, 0.4);\n\n &.dark{\n background-color: unset;\n }\n\n .header {\n font-size: 12px;\n font-weight: 400;\n color: rgb(0 0 0 / 71%);\n &.dark{\n color:rgb(255 255 255 / 44%)\n }\n }\n\n .content {\n padding: 3px 0 10px 0;\n font-size: 16px;\n word-wrap: break-word;\n }\n\n \n\n .todo_date_and_time_container {\n display: flex;\n column-gap: 20px;\n\n .todo_createdAt,\n .todo_updatedAt {\n background-color: rgb(255 255 255 / 10%);\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n padding: 7px;\n border-radius: 5px;\n display: flex;\n font-size: 12px;\n flex-direction: column;\n align-items: center;\n\n .header{\n margin-bottom: 5px;\n }\n \n\n .time {\n padding: 0 10px;\n }\n }\n \n }\n\n .todo_subTodos {\n .subTodo_addbtn {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n }\n\n .btn_grp {\n display: flex;\n justify-content: center;\n column-gap: 10px;\n button:nth-child(1){\n background-color: rgb(156, 255, 145);\n }\n }\n }\n}","\n/* Loader.css */\n.loader-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(123, 123, 123, 0.5);\n z-index:999999;\n }\n \n .loader-container {\n display: flex;\n flex-direction: column;\n width: 106px;\n align-items: center;\n padding: 16px;\n background: rgb(255 255 255 / 39%);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(16px);\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\n }\n \n .ios-gear-loading {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n border: 5px solid rgba(0, 0, 0, 0.2);\n border-top: 5px solid #2196f3;\n animation: spin 1s linear infinite;\n margin-bottom: 10px;\n }\n \n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }",".notfound_main_container{\n position:absolute;\n width: 100%;\n height: 100%;\n backdrop-filter: blur(50px);\n}\n.notfound_main_container.isAuthenticated{\n background-color: aliceblue;\n}",".profile_main_container {\n flex: 1;\n border-radius: 10px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n\n @media screen and (min-device-width: 350px) and (max-device-width: 650px) {\n width: 100%;\n }\n\n .header {\n font-size: 20px;\n font-weight: 400;\n color: rgba(0, 0, 0, 0.49);\n &.dark {\n color: rgb(255 255 255 / 49%);\n }\n }\n .content {\n word-wrap: break-word;\n font-weight: 400;\n }\n\n .horizontal_divider {\n width: 100%;\n height: 1px;\n background: rgba(255, 255, 255, 0.446);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(16px);\n }\n\n .profile_main_card {\n background-color: rgba(255, 255, 255, 0.52);\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n padding: 10px;\n border-radius: 10px;\n margin: 5% 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 300px;\n max-width: 365px;\n box-shadow: 0px 0px 2px;\n outline: 1px solid rgb(0 0 0 / 61%);\n border: 1px solid #00000040;\n\n .edit_profile_icon {\n position: absolute;\n width: 24px;\n height: 24px;\n top: 6px;\n right: 7px;\n background-color: rgba(255, 255, 255, 0.513);\n padding: 5px;\n border-radius: 5px;\n path {\n fill: #0080ff;\n }\n &.dark {\n background-color: unset;\n }\n }\n\n &.dark {\n background-color: rgba(0, 0, 0, 0.52);\n }\n\n .profile_pic_con {\n display: flex;\n flex-direction: column;\n align-items: center;\n row-gap: 10px;\n margin: 10px 0px;\n width: 100%;\n img,\n svg {\n width: 120px;\n height: 120px;\n border-radius: 50%;\n outline: 1px solid #0000003b;\n margin-bottom: 10px;\n }\n &.light {\n svg {\n fill: white;\n }\n }\n .modal{\n form{\n display:flex;\n .input_feild{\n display:flex;\n }\n }\n }\n @media screen and (min-device-width: 350px) and (max-device-width: 650px) {\n display: flex;\n flex-direction: column;\n align-items: center;\n row-gap: 10px;\n margin: 10px 0 40px 0;\n width: 100%;\n }\n }\n\n .profile_userName_con,\n .profile_email,\n .profile_picUrl {\n width: 100%;\n display: flex;\n flex-direction: column;\n row-gap: 5px;\n margin: 5px 0 20px 0;\n }\n @media screen and (min-device-width: 350px) and (max-device-width: 650px) {\n min-width: unset;\n max-width: unset;\n width: 88%;\n }\n }\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/admin-client/build/static/css/main.4e78bcf6.css b/admin-client/build/static/css/main.4e78bcf6.css new file mode 100644 index 0000000..0a245f8 --- /dev/null +++ b/admin-client/build/static/css/main.4e78bcf6.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Meera+Inimai&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Signika:wght@300;400;500;600;700&family=Varela+Round&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Signika:wght@300;400;500;600;700&display=swap);.truncate-text{overflow:hidden;text-overflow:ellipsis}#root{display:flex;height:100vh;padding:0;width:100%}#root .main_container.dark_mode{color:#dcdcdc}body{align-items:center;background:#000;color:#000;display:flex;font-weight:300;justify-content:center;letter-spacing:.04em;margin:0;padding:0}body select{background:#ffffff80;border:1px solid hsla(0,0%,100%,.341);border-radius:5px;font-family:inherit;outline:1px solid rgba(0,0,0,.188);padding:2px}body button{background:#ffffff80;border:none;border:1px solid hsla(0,0%,100%,.341);border-radius:10px;cursor:pointer;outline:1px solid rgba(0,0,0,.188);padding:0 10px}body button,body button .btn_text{color:#000;font-size:1.1rem;font-weight:500;line-height:1.6}body button .btn_text.dark{color:#000}body button:hover{background:#ffffff59}body .content{font-weight:400}body a{color:currentColor;text-decoration:none}body input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:1px solid hsla(0,0%,100%,.341);border-radius:10px;color:#000;cursor:pointer;flex:1 1;font-family:inherit;font-size:1rem;font-weight:300;line-height:inherit;outline:1px solid rgba(0,0,0,.188);padding:10px!important}body .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body *{font-family:Roboto,sans-serif;font-weight:400}body .dark{color:#fff}body .main_container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100vh;justify-content:center;position:relative}body .main_container .image_container{height:100vh;left:0;position:absolute;top:0;width:100vw}body .main_container .image_container>img{height:100vh;object-fit:cover;object-position:center center;position:absolute;width:100vw}body .main_container .image_backdrop{-webkit-backdrop-filter:blur(21px);backdrop-filter:blur(21px);background-color:#0000;height:100vh;position:absolute;width:100vw}body .main_container .blur_filter{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:hsla(0,0%,100%,.137);height:100vh;opacity:1;position:absolute;width:100vw}body .main_container .main_register_container{position:absolute}body .main_container .main_register_container .glassmorphic-background>h1{text-align:center}body .main_container .main_login_container{padding:0;position:absolute}body .main_container .main_login_container .glassmorphic-background>h1,body .main_container .parent_todo_head h1{text-align:center}body .main_container .parent_todo_head .main_input_container{align-items:center;display:flex}body .main_container .parent_todo_head .main_input{margin:0 20px!important;width:300px}body .todos_list_container{display:flex;flex-direction:column;margin-top:10px;width:100%}body input{border:none;border-radius:5px}body input,body textarea{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(4px);background:#ffffff3d;font-size:16px;width:calc(100% - 20px)}body textarea{border:none;border-radius:10px;font-family:Roboto,sans-serif;font-weight:300;padding:0 10px;resize:none}body input[type=password],body input[type=text]{flex:1 1;font-family:Roboto,sans-serif;font-weight:300;height:12px;padding:0 10px}body input[type=text]::placeholder,body textarea::placeholder{font-family:Roboto,sans-serif}textarea{word-wrap:break-word;font-size:4px;overflow-wrap:break-word}.opacity0\&disable{opacity:0;pointer-events:none}.passwordInput,.passwordInput .inputFeild{position:relative}.passwordInput .inputFeild .show_hide{display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 5px;position:absolute;right:5px;top:3px}.passwordInput .inputFeild .show_hide img{cursor:pointer;height:20px;width:20px}.main_login_container{padding:35px;width:400px}.main_login_container h2{margin-top:0}.main_login_container .glassmorphic-background{padding:20px 30px}.login__form{align-items:stretch;display:flex;flex-direction:column;row-gap:20px}.login__form div.inputdiv input{margin-top:6px;width:93%}.login__btn{background-color:#e7f0ff;border-radius:5px;font-family:Signika,sans-serif;font-size:20px}.login__btn.dark{color:#000}.sign_in_redirect{margin:10px 0}.sign_in_redirect span{color:#1ca7fd}.glassmorphic-background{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(4px);background:#ffffffad;border:1px solid #8d8d8d;border-radius:10px;box-shadow:0 2px 4px #0003;outline:1px solid #000;padding:20px}.glassmorphic-background.dark{background:#37363640}.main_register_container{width:400px}.main_register_container .sign_in_redirect{width:100%}.main_register_container .sign_in_redirect a{text-decoration:none}.main_register_container .sign_in_redirect span{color:#1ca7fd;font-weight:500;padding-left:10px}.loader-backdrop{background-color:#00000080}.modal-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(px);background-color:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.modal{-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid hsla(0,0%,100%,.349);border-radius:10px;max-width:80%;min-width:300px;outline:1px solid rgba(0,0,0,.212);padding:35px 15px;position:relative;top:80px}.modal.dark{background:#373737b0;border:1px solid #6d6d6d;outline:.5px solid #1f2025}.modal .header_and_cosebtn_container .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal .header_and_cosebtn_container h3{font-weight:400;margin:0 0 10px}.modal .header_and_cosebtn_container .modal_close_btn{position:absolute;right:5px;top:5px}.modal form,.modal form .input_field{display:flex;flex-direction:column;row-gap:10px}.modal form .btn_grp{column-gap:10px;display:flex;justify-content:center}.modal form .btn_grp button:first-child{background-color:#9cff91}.modal .modal_main_content_container{-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:10px;padding:10px}.modal .modal_main_content_container.dark{background-color:#ffffff4f}@media screen and (max-device-width:650px){.modal{max-width:90%}}.close-button{cursor:pointer;position:absolute;right:10px;top:10px}.cross_icon{align-items:center;border:2px solid red;border-radius:50%;cursor:pointer;display:flex;height:25px;justify-content:center;opacity:.4;position:relative;width:25px}.cross_icon.large{height:40px;width:40px}.cross_icon.custom-background{background-color:#add8e6}.cross_icon.darkMode{border:3px solid #0080ff}.cross_icon .line1,.cross_icon .line2{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ff0000ad;border-radius:10px;height:4px;width:70%}.cross_icon .line1.darkMode,.cross_icon .line2.darkMode{background:#0080ff}.cross_icon .line1.danger,.cross_icon .line2.danger{background:#e74646}.cross_icon .line1{position:absolute;transform:rotate(45deg)}.cross_icon .line2{position:absolute;transform:rotate(-45deg)}.cross_icon #cross_tooltip{background:#000c;border-radius:4px;bottom:100%;color:#fff;font-size:12px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.cross_icon:hover #cross_tooltip{opacity:1}.cross_icon:hover{opacity:.7}.add_icon{align-items:center;border:2px solid #ffffff3d;border-radius:50%;cursor:pointer;display:flex;height:25px;justify-content:center;position:relative;width:25px}.add_icon.large{height:40px;width:40px}.add_icon.custom-background{background-color:#add8e6}.add_icon.darkMode{border:3px solid #0080ff}.add_icon .line1,.add_icon .line2{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffad;border-radius:10px;height:4px;width:70%}.add_icon .line1.darkMode,.add_icon .line2.darkMode{background:#0080ff}.add_icon .line2{position:absolute;transform:rotate(90deg)}.add_icon #tooltip{background:#000c;border-radius:4px;bottom:100%;color:#fff;font-size:12px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.add_icon:hover #tooltip{opacity:1}.todoListItems_container{display:flex;flex-direction:row;gap:20px;overflow:scroll;padding:1px;width:100%}.todoListItems_container .status_container{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#cecece45;border:1px solid #6d6d6d;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;max-width:500px;min-width:325px;outline:.5px solid #1f2025}.todoListItems_container .status_container .title{background-color:#1f2025;background-color:hsla(0,0%,100%,.099);border-radius:10px 10px 0 0;padding:5px;width:calc(100% - 10px)}.todoListItems_container .status_container .all_todos{width:calc(100% - 7px)}.todoListItems_container .status_container.Todo,.todoListItems_container .status_container.dark{background-color:hsla(0,0%,100%,.099);border:1px solid #6d6d6d;outline:.5px solid #1f2025}.main_dashboard_container{display:flex;flex-direction:column;height:100vh;max-width:1200px;min-width:350px;position:absolute;width:100vw}.main_dashboard_container .dashboard_navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-bottom:1px solid #fff;box-shadow:0 5px 4px #0003;display:flex;flex-direction:row;height:65px;padding:0 10px;width:calc(100% - 20px)}@media screen and (min-device-width:1200px){.main_dashboard_container .dashboard_navbar{border-radius:40px}}.main_dashboard_container .dashboard_navbar .menu_btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:10px;display:flex;display:none;height:30px;justify-content:center;margin-right:10px;padding:5px;width:30px}@media screen and (min-device-width:350px)and (max-device-width:650px){.main_dashboard_container .dashboard_navbar .menu_btn{display:flex}}.main_dashboard_container .dashboard_navbar.dark{border-bottom:1px solid #888}.main_dashboard_container .dashboard_navbar .theme_toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;display:flex}.main_dashboard_container .dashboard_navbar .theme_toggle.light{background:#0000004d}.main_dashboard_container .dashboard_navbar .theme_toggle div{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.main_dashboard_container .dashboard_navbar .theme_toggle div.dark svg{width:80%}.main_dashboard_container .dashboard_navbar .theme_toggle div.dark svg path{fill:#fff}.main_dashboard_container .dashboard_navbar .theme_toggle div.light svg{width:100%}.main_dashboard_container .dashboard_navbar .theme_toggle div.light svg path{fill:#f1ff00}.main_dashboard_container .dashboard_navbar .logo_image{align-items:center;-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffad;border:1px solid #dadada;border-radius:50%;display:flex;height:40px;justify-content:center;margin-right:10px;outline:1px solid rgba(0,0,0,.212);width:40px}.main_dashboard_container .dashboard_navbar .logo_image img{width:25px}.main_dashboard_container .dashboard_navbar .navbar_heading{color:#000;font-size:1.75rem;font-weight:500;line-height:1.6}.main_dashboard_container .dashboard_navbar .navbar_heading.dark{color:#dadada}.main_dashboard_container .dashboard_navbar .navbar_void{flex:1 1}.main_dashboard_container .dashboard_navbar .navbar_navlinks{align-items:center;display:flex;flex-direction:row;gap:20px;margin-right:20px}@media screen and (min-device-width:350px)and (max-device-width:650px){.main_dashboard_container .dashboard_navbar .navbar_navlinks{display:none}}.main_dashboard_container .dashboard_navbar .navbar_navlinks .navbar_navlink_item{font-weight:400;position:relative}.main_dashboard_container .dashboard_navbar .navbar_navlinks .navbar_navlink_item a{color:currentcolor;text-decoration:none}.main_dashboard_container .dashboard_navbar .navbar_navlinks .navbar_navlink_item:hover{color:#0080ff;cursor:pointer}.main_dashboard_container .dashboard_navbar .navbar_navlinks .navbar_navlink_item:hover:before{background-color:#0080ff;border-radius:2px;bottom:-5px;box-shadow:0 0 14px;content:"";height:2px;position:absolute;width:100%}.main_dashboard_container .dashboard_navbar .navbar_right{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(4px);background:#ffffffad;border:1px solid #dadada;border-radius:50%;display:flex;height:40px;justify-content:center;margin-right:10px;outline:1px solid rgba(0,0,0,.212);width:40px}.main_dashboard_container .dashboard_navbar .navbar_right .profile_pic{align-items:center;display:flex;justify-content:center}.main_dashboard_container .dashboard_navbar .navbar_right .profile_pic img{border-radius:50%;width:100%}.main_dashboard_container .dashboard_navbar .navbar_right .profile_pic svg{width:42px!important}.main_dashboard_container .dashboard_sidebar_and_contents{display:flex;flex:1 1;flex-direction:row;overflow:hidden;width:100%}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;display:flex;flex-direction:column;padding:10px;width:230px}@media screen and (min-device-width:350px)and (max-device-width:650px){.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar{display:none}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar.open{display:flex;flex:1 1;height:calc(100vh - 86px);position:absolute;z-index:1}}@media screen and (min-device-width:1200px){.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar{-webkit-backdrop-filter:unset;backdrop-filter:none;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial}}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar .dashboard_sidebar_contents{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff73;border-radius:10px;display:flex;flex-direction:column;flex-grow:0;overflow:auto;padding:2px 0;width:100%}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar .dashboard_sidebar_contents.dark{background:#0000008a;border:1px solid #6d6d6d;outline:1px solid #1f2025}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar .dashboard_sidebar_contents .sidebar_item_container{align-items:center;display:flex;flex-direction:column;width:95%}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar .dashboard_sidebar_contents .sidebar_item_container .sidebar_item{border-radius:5px;color:#000;cursor:pointer;display:flex;flex-direction:column;margin:4px 0;padding:5px;width:calc(100% - 10px)}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar .dashboard_sidebar_contents .sidebar_item_container .sidebar_item a{font-size:16px;font-weight:400}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar .dashboard_sidebar_contents .sidebar_item_container .sidebar_item.selected,.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar .dashboard_sidebar_contents .sidebar_item_container .sidebar_item:hover{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(16px);background-color:#ffffff42;color:#0080ff;font-weight:400}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar .dashboard_sidebar_contents .sidebar_item_container .sidebar_item.dark{color:#0080ff}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar .dashboard_sidebar_contents .sidebar_item_container .horizontal_divider{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(16px);background:#ffffff30;height:1px;width:100%}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar_logoutbtn{padding-top:10px;width:60%}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_sidebar_logoutbtn .logoutBtn{border:none;border-radius:10px;color:#fb7575;font-size:1.1rem;font-weight:500;line-height:1.6;width:100%}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_contents_main_container{display:flex;flex:1 1;flex-direction:column;overflow:auto!important;padding:10px;position:relative!important;row-gap:10px}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_contents_main_container .contents_header{display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:1}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_contents_main_container .contents_header div.contents_header_container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:10px;box-shadow:0 4px 10px #282828;display:flex;height:29.5px;justify-content:flex-start;padding:10px;width:100%}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_contents_main_container .contents_header div.contents_header_container.dark{background-color:initial;border:1px solid #6d6d6d;outline:.5px solid #1f2025}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_contents_main_container .contents_header div.contents_header_container h1{flex-grow:1;font-size:24px;margin:0}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_contents_main_container .contents_header .addTodo_btn_div button{background-color:green}.main_dashboard_container .dashboard_sidebar_and_contents .dashboard_contents_main_container .contents_container{border-radius:10px;display:flex;flex:1 1;row-gap:10px}.button_wrapper button{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.button_wrapper button .btn_text{padding:0 5px}.button_wrapper button .add_icon{border:2px solid #14e8006b;margin-left:5px}.button_wrapper button .add_icon .line1,.button_wrapper button .add_icon .line2{background-color:#6eff4e}.addTodo_form_container form{display:flex;flex-direction:column;row-gap:10px;width:100%}.addTodo_form_container form div{align-items:center;display:flex;justify-content:center}.todo_item_individual{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(10px);background:#fff6;border-radius:10px;box-shadow:inset 0 0 2px #0006;display:flex;flex-direction:column;font-size:24px;font-weight:400;gap:10px;margin:5px 0;overflow:hidden;padding:10px;width:calc(100% - 20px)}.todo_item_individual .status_mark{bottom:0;height:2px;left:0;position:absolute;width:100%}.todo_item_individual .status_mark.Todo{background-color:rgba(255,225,0,.684)}.todo_item_individual .status_mark.InProgress{background-color:#0080ff}.todo_item_individual .status_mark.Completed{background-color:rgba(77,255,0,.684)}.todo_item_individual .status_mark.OnHold{background-color:rgba(255,136,0,.684)}.todo_item_individual.dark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#373737b0;border:.5px;box-shadow:inset 0 0 2px #fff6;outline:.5px solid #1f2025}.todo_item_individual:hover{box-shadow:inset 0 0 5px}.todo_item_individual .date_and_time_ctas_container{display:flex;justify-content:space-evenly;width:-webkit-fill-available}.todo_item_individual .date_and_time_ctas_container .date_and_time{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;background:linear-gradient(145deg,#cacaca,#f0f0f0);border-radius:10px;border-radius:50px;box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff;display:flex;flex-direction:column;justify-content:center;padding:3px;width:80px}.todo_item_individual .date_and_time_ctas_container .date_and_time .text{color:#3c3c3c;font-size:8px;font-weight:900}.todo_item_individual .date_and_time_ctas_container .date_and_time .text.dark{color:#ffffffe6}.todo_item_individual .date_and_time_ctas_container .todo_CTAs_container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-left:5px;max-width:100px;width:80px}.todo_item_individual .todo_item_title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#000;display:-webkit-box;flex-grow:1;font-size:16px;font-weight:400;white-space:wrap!important;width:100%}.todo_item_individual .todo_item_title.dark{color:#ffffffe6}.del_cncl{display:flex;justify-content:space-evenly}.icon_Wrapper{background-color:hsla(0,0%,100%,.513);border-radius:5px;height:24px;padding:5px;width:24px}.icon_Wrapper path{fill:#0080ff}.icon_Wrapper.dark{background-color:initial}.todo_details_container{align-items:center;background-color:#ffffff1a;border-radius:10px;display:flex;flex-direction:column;height:auto;width:100%}.todo_details_container .todo_id{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border-radius:10px 10px 0 0;display:flex;flex-direction:row;font-size:16px;font-weight:500;justify-content:space-between;padding:10px;width:calc(100% - 20px)}.todo_details_container .todo_id.dark{background:#7d7d7d80}.todo_details_container .horizontal_line{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(16px);background:#ffffff30;height:1px;width:100%}.todo_details_container .todo_contents_container{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(10px);background-color:#fff6;border-radius:5px;display:flex;flex:1 1;flex-direction:column;margin:5px;padding:5px;row-gap:10px;width:calc(100% - 20px)}.todo_details_container .todo_contents_container.dark{background-color:initial}.todo_details_container .todo_contents_container .header{color:#000000b5;font-size:12px;font-weight:400}.todo_details_container .todo_contents_container .header.dark{color:#ffffff70}.todo_details_container .todo_contents_container .content{word-wrap:break-word;font-size:16px;padding:3px 0 10px}.todo_details_container .todo_contents_container .todo_date_and_time_container{column-gap:20px;display:flex}.todo_details_container .todo_contents_container .todo_date_and_time_container .todo_createdAt,.todo_details_container .todo_contents_container .todo_date_and_time_container .todo_updatedAt{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border-radius:5px;display:flex;flex-direction:column;font-size:12px;padding:7px}.todo_details_container .todo_contents_container .todo_date_and_time_container .todo_createdAt .header,.todo_details_container .todo_contents_container .todo_date_and_time_container .todo_updatedAt .header{margin-bottom:5px}.todo_details_container .todo_contents_container .todo_date_and_time_container .todo_createdAt .time,.todo_details_container .todo_contents_container .todo_date_and_time_container .todo_updatedAt .time{padding:0 10px}.todo_details_container .todo_contents_container .todo_subTodos .subTodo_addbtn{align-items:center;display:flex;justify-content:space-between}.todo_details_container .todo_contents_container .btn_grp{column-gap:10px;display:flex;justify-content:center}.todo_details_container .todo_contents_container .btn_grp button:first-child{background-color:#9cff91}.loader-backdrop{align-items:center;background-color:#7b7b7b80;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999999}.loader-container{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(16px);background:#ffffff63;border-radius:8px;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;padding:16px;width:106px}.ios-gear-loading{animation:spin 1s linear infinite;border:5px solid #0003;border-radius:50%;border-top-color:#2196f3;height:50px;margin-bottom:10px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notfound_main_container{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);height:100%;position:absolute;width:100%}.notfound_main_container.isAuthenticated{background-color:#f0f8ff}.profile_main_container{align-items:flex-start;border-radius:10px;display:flex;flex:1 1;justify-content:center}@media screen and (min-device-width:350px)and (max-device-width:650px){.profile_main_container{width:100%}}.profile_main_container .header{color:#0000007d;font-size:20px;font-weight:400}.profile_main_container .header.dark{color:#ffffff7d}.profile_main_container .content{word-wrap:break-word;font-weight:400}.profile_main_container .horizontal_divider{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(16px);background:hsla(0,0%,100%,.446);height:1px;width:100%}.profile_main_container .profile_main_card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff85;border:1px solid rgba(0,0,0,.251);border-radius:10px;box-shadow:0 0 2px;display:flex;flex-direction:column;margin:5% 0;max-width:365px;min-width:300px;outline:1px solid #0000009c;padding:10px}.profile_main_container .profile_main_card .edit_profile_icon{background-color:hsla(0,0%,100%,.513);border-radius:5px;height:24px;padding:5px;position:absolute;right:7px;top:6px;width:24px}.profile_main_container .profile_main_card .edit_profile_icon path{fill:#0080ff}.profile_main_container .profile_main_card .edit_profile_icon.dark{background-color:initial}.profile_main_container .profile_main_card.dark{background-color:#00000085}.profile_main_container .profile_main_card .profile_pic_con{align-items:center;display:flex;flex-direction:column;margin:10px 0;row-gap:10px;width:100%}.profile_main_container .profile_main_card .profile_pic_con img,.profile_main_container .profile_main_card .profile_pic_con svg{border-radius:50%;height:120px;margin-bottom:10px;outline:1px solid rgba(0,0,0,.231);width:120px}.profile_main_container .profile_main_card .profile_pic_con.light svg{fill:#fff}.profile_main_container .profile_main_card .profile_pic_con .modal form,.profile_main_container .profile_main_card .profile_pic_con .modal form .input_feild{display:flex}@media screen and (min-device-width:350px)and (max-device-width:650px){.profile_main_container .profile_main_card .profile_pic_con{align-items:center;display:flex;flex-direction:column;margin:10px 0 40px;row-gap:10px;width:100%}}.profile_main_container .profile_main_card .profile_email,.profile_main_container .profile_main_card .profile_picUrl,.profile_main_container .profile_main_card .profile_userName_con{display:flex;flex-direction:column;margin:5px 0 20px;row-gap:5px;width:100%}@media screen and (min-device-width:350px)and (max-device-width:650px){.profile_main_container .profile_main_card{max-width:none;min-width:0;min-width:auto;width:88%}} +/*# sourceMappingURL=main.4e78bcf6.css.map*/ \ No newline at end of file diff --git a/admin-client/build/static/css/main.4e78bcf6.css.map b/admin-client/build/static/css/main.4e78bcf6.css.map new file mode 100644 index 0000000..e39e11f --- /dev/null +++ b/admin-client/build/static/css/main.4e78bcf6.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.4e78bcf6.css","mappings":"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","sources":["App.scss","styles/typography/typography.scss","components/UIComponents/PasswordInput.scss","components/Admin/Login/Login.scss","components/UIComponents/Modal/DesignComponents/GlassmorphicBackground.scss","components/Admin/Register/Register.scss","components/UIComponents/Loader/Loader.scss","components/UIComponents/Modal/Modal.scss","components/WRAPPERS/DashboardWrapper/DashboardWrapper.scss","components/UIComponents/CrossIcon/CrossIcon.scss","components/UIComponents/AddIcon/AddIcon.scss","components/UIComponents/Todos/TodosListContainer/TodosListContainer.scss","components/UIComponents/Todos/TodoItem/TodoItem.scss","components/WRAPPERS/CTAIconWrapper/CTAIconWrapper.scss","components/UIComponents/TodoDetails/TodoDetails.scss","components/UIComponents/LoaderComponent/LoaderComponent.scss","Pages/NotFound/NotFound.scss","components/UIComponents/Profile/Profile.scss"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Meera+Inimai&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Signika:wght@300;400;500;600;700&family=Varela+Round&display=swap');\n\n@import './styles/typography/typography.scss';\n$black1: \t#000000;\n$black2: \t#303030;\n$black3: \t#606060;\n$black4: \t#909090;\n$black5: \t#aeaeae;\n$black6: \t#c1c1c1;\n$black7: \t#dcdcdc;\n$white: \t#ffffff;\n\n// font-family: 'M PLUS Rounded 1c', sans-serif;\n// font-family: 'Meera Inimai', sans-serif;\n// font-family: 'Roboto', sans-serif;\n// font-family: 'Signika', sans-serif;\n// font-family: 'Varela Round', sans-serif;\n\n\n\n.truncate-text {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n#root{\n width: 100%;\n padding: 0 0px;\n display: flex;\n height: 100vh;\n\n .main_container{\n &.dark_mode{\n color:#dcdcdc\n }\n }\n}\nbody{\n margin:0;\n padding:0;\n background:$black1;\n color:$black1;\n font-weight: 300;\n display:flex;\n justify-content: center;\n align-items: center;\n letter-spacing: 0.04em;\n\n\n select{\n border-radius: 5px;\n padding: 2px;\n font-family: inherit;\n background: rgba(255, 255, 255, 0.5);\n border: 1px solid #ffffff57;\n outline: 1px solid #00000030;\n }\n\n button{\n border: none;\n border-radius: 10px;\n cursor:pointer;\n padding:0 10px;\n border-radius: 10px;\n background: rgba(255, 255, 255, 0.5);\n border: 1px solid #ffffff57;\n outline: 1px solid #00000030;\n color: #000000;\n\n @include typography(\n $subheading-size,\n 500,\n $default-line-height,\n #000000\n );\n\n .btn_text{\n @include typography(\n $subheading-size,\n 500,\n $default-line-height,\n #000000\n );\n &.dark{\n color:#000000\n }\n }\n\n &:hover{\n background: rgba(255, 255, 255, 0.35);\n }\n }\n\n .content{\n font-weight: 400;\n }\n\n a{\n text-decoration: none;\n color:currentColor;\n }\n\n input{\n flex:1;\n border: none;\n border-radius: 10px;\n font-family: inherit;\n background: rgba(255, 255, 255, 0.5);\n border: 1px solid #ffffff57;\n outline: 1px solid #00000030;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n cursor:pointer;\n @include typography(\n $heading6-size,\n 300,\n unset,\n #000000\n );\n padding:10px !important;\n\n }\n\n .truncate {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n *{\n // font-family: 'M PLUS Rounded 1c', sans-serif;\n// font-family: 'Meera Inimai', sans-serif;\nfont-family: 'Roboto', sans-serif;\n// font-family: 'Signika', sans-serif;\n// font-family: 'Varela Round', sans-serif;\n font-weight: 400;\n // transition: transform 0.3s 0.1s ease-in-out;\n &.dark{\n color:#ffffff\n }\n }\n\n .main_container{\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n flex: 1 1;\n height: 100vh;\n justify-content: center;\n position:relative;\n\n .image_container{\n width:100vw;\n height:100vh;\n top:0;\n left:0;\n position:absolute;\n &>img{\n width: 100vw;\n height: 100vh;\n object-fit: cover;\n object-position: center center;\n position:absolute;\n }\n }\n .image_backdrop{\n position: absolute;\n width: 100vw;\n height: 100vh;\n background-color: transparent;\n backdrop-filter: blur(21px);\n }\n\n \n\n .blur_filter{\n background-color: #ffffff23;\n width:100vw;\n height:100vh;\n position:absolute;\n opacity:1;\n backdrop-filter: blur(6px);\n }\n\n .main_register_container{\n position:absolute;\n .glassmorphic-background{\n &>h1{\n text-align: center;\n }\n }\n \n }\n\n .main_login_container{\n padding:0;\n position:absolute;\n .glassmorphic-background{\n &>h1{\n text-align: center;\n }\n }\n }\n\n .parent_todo_head{\n\n h1{\n text-align: center;\n }\n .main_input_container{\n display: flex;\n align-items: center;\n }\n .main_input{\n margin: 0 20px 0 20px !important;\n width: 300px;\n }\n }\n \n }\n .todos_list_container{\n width: 100%;\n display: flex;\n flex-direction: column;\n margin-top: 10px;\n }\n input{\n border-radius: 5px;\n border: none;\n font-size: 16px;\n background: rgb(255 255 255 / 24%);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(4px);\n width:calc(100% - 20px);\n }\n textarea{\n border-radius: 10px;\n border: none;\n font-size: 16px;\n background: rgb(255 255 255 / 24%);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(4px);\n padding:0 10px;\n font-family: 'Roboto', sans-serif;\n font-weight: 300;\n width:calc(100% - 20px);\n resize: none;\n }\n\n input[type=\"text\"], input[type=\"password\"] {\n height: 12px;\n padding:0 10px;\n font-family: 'Roboto', sans-serif;\n font-weight: 300;\n flex:1;\n }\n\ninput[type=\"text\"]::placeholder,\ntextarea::placeholder {\n font-family: 'Roboto', sans-serif;\n}\n}\n\ntextarea {\n word-wrap: break-word;\n overflow-wrap: break-word;\n font-size: 4px;\n}\n\n.opacity0\\&disable{\n opacity:0;\n pointer-events: none;\n}","// _typography.scss\n\n@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Signika:wght@300;400;500;600;700&display=swap');\n\n// Font families\n$font-primary: 'Helvetica Neue', Arial, sans-serif;\n$font-secondary: 'Roboto', sans-serif;\n\n// Heading styles\n$heading1-size: 2.5rem;\n$heading2-size: 2rem;\n$heading3-size: 1.75rem;\n$heading4-size: 1.5rem;\n$heading5-size: 1.25rem;\n$heading6-size: 1rem;\n\n$heading1-font: $font-primary;\n$heading2-font: $font-primary;\n$heading3-font: $font-primary;\n$heading4-font: $font-primary;\n$heading5-font: $font-primary;\n$heading6-font: $font-primary;\n\n$heading1-line-height: 1.2;\n$heading2-line-height: 1.3;\n$heading3-line-height: 1.4;\n$heading4-line-height: 1.5;\n$heading5-line-height: 1.6;\n$heading6-line-height: 1.7;\n\n$heading1-font-weight: 700;\n$heading2-font-weight: 600;\n$heading3-font-weight: 600;\n$heading4-font-weight: 600;\n$heading5-font-weight: 600;\n$heading6-font-weight: 600;\n\n$heading1-color: #333;\n$heading2-color: #333;\n$heading3-color: #333;\n$heading4-color: #333;\n$heading5-color: #333;\n$heading6-color: #333;\n\n// Subheading styles\n$subheading-size: 1.1rem;\n$subheading-font: $font-secondary;\n$subheading-line-height: 1.4;\n$subheading-font-weight: 600;\n$subheading-color: #666;\n\n// Body text styles\n$body-size: 1rem;\n$body-font: $font-primary;\n$body-line-height: 1.6;\n$body-font-weight: 400;\n$body-color: #444;\n\n\n$default-font-size: 1rem;\n$default-font-weight: 300;\n$default-line-height: 1.6;\n\n$link_blue:#0080ff;\n\n$dark_mode_outline:1px solid #1f2025;\n$dark_mode_border:1px solid #6d6d6d;\n$dark_mode_bgColor:rgba(0, 0, 0, 0.54);\n\n@mixin typography($font-size: $default-font-size, $font-weight: $default-font-weight, $line-height: $default-line-height, $color: inherit) {\n font-size: $font-size;\n font-weight: $font-weight;\n line-height: $line-height;\n color: $color;\n}\n",".passwordInput {\n position: relative;\n .inputFeild{\n position:relative;\n .show_hide {\n position: absolute;\n top: 3px;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin: 0 5px;\n right: 5px;\n img {\n width: 20px;\n height:20px;\n cursor:pointer\n }\n }\n }\n}\n",".main_login_container{\n width: 400px;\n padding: 35px;\n\n h2{\n margin-top: 0;\n }\n\n .glassmorphic-background{\n padding:20px 30px\n }\n}\n\n.login__form{\n display: flex;\n flex-direction: column;\n align-items: stretch;\n row-gap: 20px;\n\n div.inputdiv{\n input{\n width:93%;\n margin-top: 6px;\n }\n }\n}\n\n.login__btn{\n background-color: #e7f0ff;\n border-radius: 5px;\n font-family: 'Signika', sans-serif;\n font-size: 20px;\n // width:50px;\n\n &.dark{\n color:black\n }\n}\n\n.sign_in_redirect{\n margin: 10px 0;\n\n span{\n color:rgb(28, 167, 253)\n }\n}",".glassmorphic-background {\n background: rgb(255 255 255 / 68%);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(4px);\n border: 1px solid rgb(141 141 141);\n outline: 1px solid black;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n\n &.dark{\n background: rgb(55 54 54 / 25%);\n }\n}\n",".main_register_container{\n width: 400px;\n\n .sign_in_redirect{\n width:100%;\n\n a{\n text-decoration: none;\n }\n\n span{\n color:rgb(28, 167, 253);\n font-weight: 500;\n padding-left: 10px;\n }\n }\n}","/* Loader.css */\n.loader-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(0, 0, 0, 0.5);\n z-index:999999;\n }\n \n .loader-container {\n display: flex;\n flex-direction: column;\n width: 106px;\n align-items: center;\n padding: 16px;\n background: rgb(255 255 255 / 39%);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(16px);\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\n }\n \n .ios-gear-loading {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n border: 5px solid rgba(0, 0, 0, 0.2);\n border-top: 5px solid #2196f3;\n animation: spin 1s linear infinite;\n margin-bottom: 10px;\n }\n \n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }","// Mobile-first styles\n@import \"../../WRAPPERS/DashboardWrapper/DashboardWrapper.scss\";\n\n.modal-overlay {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgb(0 0 0 / 40%);\n -webkit-backdrop-filter: blur(15px);\n backdrop-filter: blur(px);\n z-index: 1;\n}\n\n.modal {\n background: rgb(255 255 255 / 30%);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid rgba(255, 255, 255, 0.3490196078);\n outline: 1px solid rgba(0, 0, 0, 0.2117647059);\n padding: 35px 15px;\n border-radius: 10px;\n min-width: 300px;\n max-width: 80%;\n position: relative;\n top: 80px;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n\n &.dark {\n background: $dash_contents_dark_mode_bgColor;\n border: $dash_contents_dark_mode_border;\n outline: $dash_contents_dark_mode_outline;\n }\n\n .header_and_cosebtn_container {\n .truncate {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n h3 {\n margin: 0 0 10px 0;\n font-weight: 400;\n }\n\n .modal_close_btn {\n position: absolute;\n top: 5px;\n right: 5px;\n }\n }\n\n form {\n display: flex;\n flex-direction: column;\n row-gap: 10px;\n\n .input_field {\n display: flex;\n flex-direction: column;\n row-gap: 10px;\n }\n\n .btn_grp {\n display: flex;\n justify-content: center;\n column-gap: 10px;\n\n button:nth-child(1) {\n background-color: rgb(156, 255, 145);\n }\n }\n }\n\n .modal_main_content_container {\n -webkit-backdrop-filter: blur(12px);\n border-radius: 10px;\n backdrop-filter: blur(1px);\n padding: 10px;\n\n &.dark {\n background-color: #ffffff4f;\n }\n }\n\n @media screen and (max-device-width: 650px) {\n max-width: 90%;\n }\n}\n\n.close-button {\n position: absolute;\n top: 10px;\n right: 10px;\n cursor: pointer;\n}\n\n// Responsive styles\n// @media screen and (min-width: 768px) {\n// .modal {\n// width: 60%;\n// }\n// }\n\n// @media screen and (min-width: 1024px) {\n// .modal {\n// width: 80%;\n// }\n// }","@import \"../../../styles/typography/typography.scss\";\n\n$dash_contents_dark_mode_outline: 0.5px solid #1f2025;\n$dash_contents_dark_mode_border: 1px solid #6d6d6d;\n$dash_contents_dark_mode_bgColor: rgb(55 55 55 / 69%);\n\n.main_dashboard_container {\n position: absolute;\n width: 100vw;\n height: 100vh;\n display: flex;\n flex-direction: column;\n min-width: 350px;\n max-width: 1200px;\n\n .dashboard_navbar {\n display: flex;\n width: calc(100% - 20px);\n height: 65px;\n background: rgba(255, 255, 255, 0.2);\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgb(255, 255, 255);\n box-shadow: 0 5px 4px rgba(0, 0, 0, 0.2);\n flex-direction: row;\n align-items: center;\n padding: 0px 10px;\n\n @media screen and (min-device-width:1200px) {\n border-radius: 40px;\n\n }\n\n .menu_btn {\n width: 30px;\n height: 30px;\n padding: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 10px;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n border-radius: 10px;\n margin-right: 10px;\n background: rgba(0, 0, 0, 0.3);\n display: none;\n\n @media screen and (min-device-width: 350px) and (max-device-width: 650px) {\n display: flex;\n }\n }\n\n &.dark {\n border-bottom: 1px solid rgb(136 136 136);\n }\n\n .theme_toggle {\n display: flex;\n align-items: center;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n border-radius: 10px;\n\n // &.dark{\n // background: rgba(255, 255, 255, 0.3);\n // }\n &.light {\n background: rgba(0, 0, 0, 0.3);\n }\n\n div {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &.dark {\n svg {\n width: 80%;\n\n path {\n fill: white;\n }\n }\n }\n\n &.light {\n svg {\n width: 100%;\n\n path {\n fill: #f1ff00;\n }\n }\n }\n }\n }\n\n .logo_image {\n width: 40px;\n height: 40px;\n background: rgba(255, 255, 255, 0.68);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid #dadada;\n outline: 1px solid #00000036;\n backdrop-filter: blur(4px);\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n margin-right: 10px;\n\n img {\n width: 25px;\n }\n }\n\n .navbar_heading {\n @include typography($heading3-size, 500, $default-line-height, #000000);\n\n &.dark {\n color: #dadada;\n }\n }\n\n .navbar_void {\n flex: 1;\n }\n\n .navbar_navlinks {\n display: flex;\n align-items: center;\n flex-direction: row;\n gap: 20px;\n margin-right: 20px;\n\n @media screen and (min-device-width: 350px) and (max-device-width: 650px) {\n display: none;\n // &.open {\n // display: flex;\n // position: absolute;\n // z-index: 1;\n // flex: 1;\n // height: calc(100vh - 86px);\n // }\n }\n\n .navbar_navlink_item {\n font-weight: 400;\n position: relative;\n\n a {\n text-decoration: none;\n color: currentcolor;\n }\n\n &:hover {\n color: $link_blue;\n cursor: pointer;\n\n &:before {\n content: \"\";\n width: 100%;\n background-color: $link_blue;\n height: 2px;\n position: absolute;\n border-radius: 2px;\n bottom: -5px;\n box-shadow: 0px 0px 14px;\n }\n }\n }\n }\n\n .navbar_right {\n width: 40px;\n height: 40px;\n background: rgba(255, 255, 255, 0.68);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(4px);\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n border: 1px solid #dadada;\n outline: 1px solid #00000036;\n margin-right: 10px;\n\n .profile_pic {\n display: flex;\n justify-content: center;\n align-items: center;\n\n img {\n width: 100%;\n border-radius: 50%;\n }\n\n svg {\n width: 42px !important;\n }\n }\n }\n }\n\n .dashboard_sidebar_and_contents {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n overflow: hidden;\n\n .dashboard_sidebar {\n display: flex;\n flex-direction: column;\n width: 230px;\n background: rgb(255 255 255 / 10%);\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n padding: 10px;\n\n @media screen and (min-device-width: 350px) and (max-device-width: 650px) {\n display: none;\n\n &.open {\n display: flex;\n position: absolute;\n z-index: 1;\n flex: 1;\n height: calc(100vh - 86px);\n }\n }\n\n @media screen and (min-device-width:1200px) {\n background: unset;\n -webkit-backdrop-filter: unset;\n backdrop-filter: unset;\n }\n\n .dashboard_sidebar_contents {\n width: 100%;\n flex-grow: unset;\n display: flex;\n flex-direction: column;\n align-items: center;\n border-radius: 10px;\n background: rgba(255, 255, 255, 0.45);\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n overflow: auto;\n padding: 2px 0;\n\n &.dark {\n background: rgb(0 0 0 / 54%);\n outline: 1px solid #1f2025;\n border: 1px solid #6d6d6d;\n }\n\n .sidebar_item_container {\n display: flex;\n flex-direction: column;\n width: calc(100% - 5%);\n align-items: center;\n\n .sidebar_item {\n display: flex;\n flex-direction: column;\n cursor: pointer;\n width: calc(100% - 10px);\n padding: 5px;\n border-radius: 5px;\n margin: 4px 0;\n color: black;\n\n a {\n font-size: 16px;\n font-weight: 400;\n }\n\n &:hover,\n &.selected {\n font-weight: 400;\n background-color: rgb(255 255 255 / 26%);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(16px);\n color: $link_blue;\n }\n\n &.dark {\n color: $link_blue;\n }\n }\n\n .horizontal_divider {\n width: 100%;\n height: 1px;\n background: rgba(255, 255, 255, 0.19);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(16px);\n }\n }\n }\n\n\n }\n\n .dashboard_sidebar_logoutbtn {\n padding-top: 10px;\n width: 60%;\n\n .logoutBtn {\n width: 100%;\n border: none;\n @include typography($subheading-size,\n 500,\n $default-line-height,\n #fb7575);\n border-radius: 10px;\n }\n }\n\n .dashboard_contents_main_container {\n flex: 1;\n display: flex;\n overflow: auto !important;\n flex-direction: column;\n padding: 10px;\n row-gap: 10px;\n position: relative !important;\n // background: rgb(255 255 255 / 10%);\n // -webkit-backdrop-filter: blur(10px);\n // backdrop-filter: blur(10px);\n\n .contents_header {\n display: flex;\n position: sticky;\n top: 0;\n z-index: 1;\n\n div.contents_header_container {\n background: rgba(255, 255, 255, 0.1);\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(5px);\n box-shadow: rgb(40, 40, 40) 0px 4px 10px;\n border-radius: 10px;\n padding: 10px;\n width: 100%;\n height: 29.5px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n\n &.dark {\n background-color: unset;\n outline: $dash_contents_dark_mode_outline;\n border: $dash_contents_dark_mode_border;\n }\n\n h1 {\n font-size: 24px;\n margin: 0;\n flex-grow: 1;\n }\n }\n\n .addTodo_btn_div {\n button {\n background-color: green;\n }\n }\n }\n\n .contents_container {\n border-radius: 10px;\n row-gap: 10px;\n flex: 1;\n display: flex;\n\n &.dark {}\n }\n }\n }\n}\n\n.button_wrapper {\n button {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n\n .btn_text {\n padding: 0 5px;\n }\n\n .add_icon {\n margin-left: 5px;\n border: 2px solid rgb(20 232 0 / 42%);\n\n .line1,\n .line2 {\n background-color: rgb(110 255 78);\n }\n }\n }\n}\n\n.addTodo_form_container {\n form {\n display: flex;\n flex-direction: column;\n row-gap: 10px;\n width: 100%;\n\n div {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n}","@import '../../../styles/typography/typography.scss';\n\n// AddIcon component styles\n.cross_icon {\n position: relative;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n // transition: background-color 0.2s ease-in-out;\n border: 2px solid rgb(255, 0, 0);\n opacity:0.4;\n\n \n // Default size\n width: 25px;\n height: 25px;\n \n // Optional size passed as a prop\n \n &.large {\n width: 40px;\n height: 40px;\n }\n \n // Optional background color passed as a prop\n &.custom-background {\n background-color: lightblue;\n }\n\n &.darkMode{\n border: 3px solid $link_blue;\n }\n \n .line1, .line2 {\n width: 70%;\n height: 4px;\n background: rgba(255, 0, 0, 0.68);\n backdrop-filter: blur(4px);\n border-radius: 10px;\n\n &.darkMode{\n background: $link_blue;\n }\n\n &.danger{\n background: rgba(231, 70, 70);\n }\n }\n \n .line1 {\n position: absolute;\n transform: rotate(45deg);\n }\n .line2 {\n position: absolute;\n transform: rotate(-45deg);\n }\n \n #cross_tooltip {\n position: absolute;\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(0, 0, 0, 0.8);\n color: #fff;\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 12px;\n white-space: nowrap;\n pointer-events: none;\n opacity: 0;\n // transition: opacity 0.2s ease-in-out;\n }\n \n \n &:hover #cross_tooltip {\n opacity: 1;\n }\n\n &:hover{\n opacity:0.7\n }\n }\n ","@import '../../../styles/typography/typography.scss';\n\n// AddIcon component styles\n.add_icon {\n position: relative;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n // transition: background-color 0.2s ease-in-out;\n border: 2px solid rgba(255, 255, 255, 0.24);\n\n \n // Default size\n width: 25px;\n height: 25px;\n \n // Optional size passed as a prop\n \n &.large {\n width: 40px;\n height: 40px;\n }\n \n // Optional background color passed as a prop\n &.custom-background {\n background-color: lightblue;\n }\n\n &.darkMode{\n border: 3px solid $link_blue;\n }\n \n .line1, .line2 {\n width: 70%;\n height: 4px;\n background: rgba(255, 255, 255, 0.68);\n backdrop-filter: blur(4px);\n border-radius: 10px;\n\n &.darkMode{\n background: $link_blue;\n }\n }\n \n .line2 {\n position: absolute;\n transform: rotate(90deg);\n }\n \n #tooltip {\n position: absolute;\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(0, 0, 0, 0.8);\n color: #fff;\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 12px;\n white-space: nowrap;\n pointer-events: none;\n opacity: 0;\n // transition: opacity 0.2s ease-in-out;\n }\n \n \n &:hover #tooltip {\n opacity: 1;\n }\n }\n ",".todoListItems_container {\n display: flex;\n flex-direction: row;\n width: 100%;\n gap: 20px;\n overflow: scroll;\n padding: 1px;\n\n .status_container {\n display: flex;\n min-width: 325px;\n max-width: 500px;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n background: rgba(206, 206, 206, 0.27);\n backdrop-filter: blur(15px);\n outline: 0.5px solid #1f2025;\n border: 1px solid #6d6d6d;\n border-radius: 10px;\n\n .title {\n width: calc(100% - 10px);\n background-color: #1f2025;\n padding: 5px;\n border-radius: 10px 10px 0 0;\n background-color: rgba(255, 255, 255, 0.099);\n }\n\n .all_todos {\n width: calc(100% - 7px);\n }\n\n &.Todo {\n background-color: rgba(255, 255, 255, 0.099);\n outline: 0.5px solid #1f2025;\n border: 1px solid #6d6d6d;\n }\n\n &.dark {\n background-color: rgba(255, 255, 255, 0.099);\n outline: 0.5px solid #1f2025;\n border: 1px solid #6d6d6d;\n }\n }\n}","@import '../../../WRAPPERS/./DashboardWrapper/DashboardWrapper.scss';\n\n.todo_item_individual {\n font-size: 24px;\n font-weight: 400;\n width: calc(100% - 20px);\n background: rgba(255, 255, 255, 0.4);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(10px);\n border-radius: 10px;\n padding: 3px 10px;\n display: flex;\n align-items: center;\n margin: 5px 0;\n box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.4);\n overflow: hidden;\n flex-direction: column;\n padding-top: 10px;\n padding-bottom: 10px;\n gap: 10px;\n\n\n .status_mark {\n width: 100%;\n\n position: absolute;\n height: 2px;\n bottom: 0px;\n left: 0;\n\n &.Todo {\n background-color: rgba(255, 225, 0, 0.684);\n }\n\n &.InProgress {\n background-color: #0080ff;\n }\n\n &.Completed {\n background-color: rgba(77, 255, 0, 0.684);\n }\n\n &.OnHold {\n background-color: rgba(255, 136, 0, 0.684);\n }\n }\n\n &.dark {\n box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.4);\n background: $dash_contents_dark_mode_bgColor;\n outline: $dash_contents_dark_mode_outline;\n border: $dash_contents_dark_mode_border;\n border: 0.5px;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n }\n\n &:hover {\n box-shadow: inset 0px 0px 5px;\n }\n\n .date_and_time_ctas_container {\n display: flex;\n width: -webkit-fill-available;\n justify-content: space-evenly;\n\n .date_and_time {\n background-color: rgba(255, 255, 255, 0.2);\n padding: 3px 3px;\n border-radius: 10px;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80px;\n justify-content: center;\n border-radius: 50px;\n background: linear-gradient(145deg, #cacaca, #f0f0f0);\n box-shadow: 20px 20px 60px #bebebe,\n -20px -20px 60px #ffffff;\n\n\n .text {\n font-size: 8px;\n font-weight: 900;\n color: #3c3c3c;\n\n &.dark {\n color: rgb(255, 255, 255, 90%);\n }\n }\n }\n\n .todo_CTAs_container {\n max-width: 100px;\n width: 80px;\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-left: 5px;\n justify-content: space-between;\n\n\n }\n }\n\n\n\n .todo_item_title {\n flex-grow: 1;\n width: calc(100% - 0px);\n font-weight: 400;\n color: rgb(0 0 0);\n font-size: 16px;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n white-space: wrap !important;\n\n &.dark {\n color: rgb(255, 255, 255, 90%);\n }\n }\n\n\n}\n\n\n.del_cncl {\n display: flex;\n justify-content: space-evenly;\n}",".icon_Wrapper{\n width: 24px;\n height: 24px;\n background-color: rgba(255, 255, 255, 0.513);\n padding: 5px;\n border-radius: 5px;\n path {\n fill: #0080ff;\n }\n &.dark {\n background-color: unset;\n }\n\n}",".todo_details_container {\n border-radius: 10px;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n height: auto;\n background-color: rgb(255 255 255 / 10%);\n // padding:10px;\n\n .todo_id {\n font-size: 16px;\n font-weight: 500;\n display: flex;\n align-items: center;\n width: calc(100% - 20px);\n border-radius: 10px 10px 0 0;\n padding: 10px;\n background: rgba(255, 255, 255, 0.5);\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n flex-direction: row;\n justify-content: space-between;\n\n &.dark {\n background: rgb(125 125 125 / 50%);\n }\n }\n\n .horizontal_line {\n width: 100%;\n height: 1px;\n background: rgba(255, 255, 255, 0.19);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(16px);\n }\n\n .todo_contents_container {\n width: calc(100% - 20px);\n margin: 5px;\n -webkit-backdrop-filter: blur(1px);\n backdrop-filter: blur(10px);\n border-radius: 5px;\n padding: 5px;\n display: flex;\n flex-direction: column;\n row-gap: 10px;\n flex: 1 1;\n background-color: rgba(255, 255, 255, 0.4);\n\n &.dark{\n background-color: unset;\n }\n\n .header {\n font-size: 12px;\n font-weight: 400;\n color: rgb(0 0 0 / 71%);\n &.dark{\n color:rgb(255 255 255 / 44%)\n }\n }\n\n .content {\n padding: 3px 0 10px 0;\n font-size: 16px;\n word-wrap: break-word;\n }\n\n \n\n .todo_date_and_time_container {\n display: flex;\n column-gap: 20px;\n\n .todo_createdAt,\n .todo_updatedAt {\n background-color: rgb(255 255 255 / 10%);\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n padding: 7px;\n border-radius: 5px;\n display: flex;\n font-size: 12px;\n flex-direction: column;\n align-items: center;\n\n .header{\n margin-bottom: 5px;\n }\n \n\n .time {\n padding: 0 10px;\n }\n }\n \n }\n\n .todo_subTodos {\n .subTodo_addbtn {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n }\n\n .btn_grp {\n display: flex;\n justify-content: center;\n column-gap: 10px;\n button:nth-child(1){\n background-color: rgb(156, 255, 145);\n }\n }\n }\n}","\n/* Loader.css */\n.loader-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(123, 123, 123, 0.5);\n z-index:999999;\n }\n \n .loader-container {\n display: flex;\n flex-direction: column;\n width: 106px;\n align-items: center;\n padding: 16px;\n background: rgb(255 255 255 / 39%);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(16px);\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\n }\n \n .ios-gear-loading {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n border: 5px solid rgba(0, 0, 0, 0.2);\n border-top: 5px solid #2196f3;\n animation: spin 1s linear infinite;\n margin-bottom: 10px;\n }\n \n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }",".notfound_main_container{\n position:absolute;\n width: 100%;\n height: 100%;\n backdrop-filter: blur(50px);\n}\n.notfound_main_container.isAuthenticated{\n background-color: aliceblue;\n}",".profile_main_container {\n flex: 1;\n border-radius: 10px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n\n @media screen and (min-device-width: 350px) and (max-device-width: 650px) {\n width: 100%;\n }\n\n .header {\n font-size: 20px;\n font-weight: 400;\n color: rgba(0, 0, 0, 0.49);\n &.dark {\n color: rgb(255 255 255 / 49%);\n }\n }\n .content {\n word-wrap: break-word;\n font-weight: 400;\n }\n\n .horizontal_divider {\n width: 100%;\n height: 1px;\n background: rgba(255, 255, 255, 0.446);\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(16px);\n }\n\n .profile_main_card {\n background-color: rgba(255, 255, 255, 0.52);\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n padding: 10px;\n border-radius: 10px;\n margin: 5% 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 300px;\n max-width: 365px;\n box-shadow: 0px 0px 2px;\n outline: 1px solid rgb(0 0 0 / 61%);\n border: 1px solid #00000040;\n\n .edit_profile_icon {\n position: absolute;\n width: 24px;\n height: 24px;\n top: 6px;\n right: 7px;\n background-color: rgba(255, 255, 255, 0.513);\n padding: 5px;\n border-radius: 5px;\n path {\n fill: #0080ff;\n }\n &.dark {\n background-color: unset;\n }\n }\n\n &.dark {\n background-color: rgba(0, 0, 0, 0.52);\n }\n\n .profile_pic_con {\n display: flex;\n flex-direction: column;\n align-items: center;\n row-gap: 10px;\n margin: 10px 0px;\n width: 100%;\n img,\n svg {\n width: 120px;\n height: 120px;\n border-radius: 50%;\n outline: 1px solid #0000003b;\n margin-bottom: 10px;\n }\n &.light {\n svg {\n fill: white;\n }\n }\n .modal{\n form{\n display:flex;\n .input_feild{\n display:flex;\n }\n }\n }\n @media screen and (min-device-width: 350px) and (max-device-width: 650px) {\n display: flex;\n flex-direction: column;\n align-items: center;\n row-gap: 10px;\n margin: 10px 0 40px 0;\n width: 100%;\n }\n }\n\n .profile_userName_con,\n .profile_email,\n .profile_picUrl {\n width: 100%;\n display: flex;\n flex-direction: column;\n row-gap: 5px;\n margin: 5px 0 20px 0;\n }\n @media screen and (min-device-width: 350px) and (max-device-width: 650px) {\n min-width: unset;\n max-width: unset;\n width: 88%;\n }\n }\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/admin-client/build/static/js/main.5bd47464.js b/admin-client/build/static/js/main.5bd47464.js deleted file mode 100644 index 35b9713..0000000 --- a/admin-client/build/static/js/main.5bd47464.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! For license information please see main.5bd47464.js.LICENSE.txt */ -!function(){"use strict";var e={110:function(e,t,n){var r=n(309),a={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},o={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function u(e){return r.isMemo(e)?i:l[e.$$typeof]||a}l[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[r.Memo]=i;var s=Object.defineProperty,c=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,d=Object.getOwnPropertyDescriptor,p=Object.getPrototypeOf,h=Object.prototype;e.exports=function e(t,n,r){if("string"!==typeof n){if(h){var a=p(n);a&&a!==h&&e(t,a,r)}var i=c(n);f&&(i=i.concat(f(n)));for(var l=u(t),v=u(n),m=0;m