From e579944e23cb8946287266d1a50d4bb8c3ad6df9 Mon Sep 17 00:00:00 2001 From: Leighton Quito <2328848+iamleigh@users.noreply.github.com> Date: Wed, 18 Dec 2024 03:47:11 -0500 Subject: [PATCH] Updates --- assets/{index-B3oOpDRO.css => index-DAe4mnIO.css} | 2 +- assets/{index-P6tAJ0v1.js => index-DWgTIpxA.js} | 0 index.html | 6 +++--- 3 files changed, 4 insertions(+), 4 deletions(-) rename assets/{index-B3oOpDRO.css => index-DAe4mnIO.css} (92%) rename assets/{index-P6tAJ0v1.js => index-DWgTIpxA.js} (100%) diff --git a/assets/index-B3oOpDRO.css b/assets/index-DAe4mnIO.css similarity index 92% rename from assets/index-B3oOpDRO.css rename to assets/index-DAe4mnIO.css index c621d51..2c3267e 100644 --- a/assets/index-B3oOpDRO.css +++ b/assets/index-DAe4mnIO.css @@ -2,4 +2,4 @@ * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2024 Fonticons, Inc. - */:root,:host{--fa-style-family-classic: "Font Awesome 6 Free";--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(/assets/fa-solid-900-CTAAxXor.woff2) format("woff2"),url(/assets/fa-solid-900-D0aA9rwL.ttf) format("truetype")}.fas,.fa-solid{font-weight:900}html,body{margin:0;padding:0;border:0}body{background:#6469ba}body *{box-sizing:border-box}[hidden]{display:none}*:focus{outline:none}.rocketui-page--full{height:100vh;display:flex;flex-direction:column}.rocketui-page--full section{flex:1}.rocketui-page--full footer{flex:0 0 auto}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0}.rocketui-screen-reader-only{width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:absolute!important;margin:-1px;padding:0;border:0;word-wrap:normal!important}.rocketui-logo{display:flex;align-items:center}.rocketui-logo__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:30px;background:#6469ba;color:#fff;font-size:12px}.rocketui-logo__name{margin:0;color:#fff;font-size:16px;font-weight:600}.rocketui-logo__name:not(:first-child){margin-left:8px}.rocketui-logo--center{justify-content:center}.rocketui-button{cursor:pointer;display:flex;flex-flow:row wrap;align-items:center;padding:12px 16px;border:0;border-radius:8px;background:#6469ba;color:#fff;font-weight:600;font-size:14px;line-height:19px;text-align:left;transition:.1s ease}.rocketui-button i{flex:0 0 auto}.rocketui-button i:first-child{margin-right:8px}.rocketui-button i:last-child{margin-left:8px}.rocketui-button span{flex:1}.rocketui-button:hover{background:#505495}.rocketui-button:focus{outline:2px solid rgb(80,84,148.8);outline-offset:2px;background:#505495}.rocketui-button:disabled{cursor:default;background:#32313e;color:#76767f}.rocketui-button--full-width{width:100%}.rocketui-input{width:100%;max-width:100%;flex:1;margin:0;padding:12px;border:0;border-radius:8px;background:#32313e;color:#fff;font-size:16px;line-height:19px}.rocketui-footer{padding:16px 24px 40px;color:#b2b4dd;text-align:center}.rocketui-footer p{margin:0;padding:0;font-size:14px;font-weight:600;line-height:18px}.rocketui-footer a{color:#e0e1f1;text-decoration:none}.rocketui-footer a:hover{color:#fff}.rocketui-todo{width:100%;max-width:620px;margin:0 auto;padding:24px}.rocketui-todo__header{display:flex;flex-flow:row wrap;justify-content:center;padding:24px;border-radius:8px 8px 0 0;background:#161521}.rocketui-todo__header:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.rocketui-todo__form{display:flex;flex-flow:row wrap;padding:24px;border-radius:0 0 8px 8px;background:#1b1a29}.rocketui-todo__form input:not(:last-child),.rocketui-todo__form textarea:not(:last-child),.rocketui-todo__form button:not(:last-child){margin-right:12px}.rocketui-todo__clear{position:absolute;margin:12px 0;color:#b2b4dd;font-size:14px;line-height:20px}.rocketui-todo__clear button{cursor:pointer;display:inline;margin:0;padding:0;border:0;background:transparent;color:#e0e1f1;font-size:inherit;font-weight:600;line-height:inherit;transition:.2s ease}.rocketui-todo__clear button:hover{color:#fff}.rocketui-todo__clear button:disabled{pointer-events:none;opacity:.5}.rocketui-todo__list{margin:44px 0 8px;padding:0;list-style:none}.rocketui-todo-item{position:relative;display:flex;flex-flow:row wrap;margin:0;padding:12px;border-radius:8px;background:#1b1a29;color:#fff;font-size:16px;line-height:19px}.rocketui-todo-item:not(:last-child){margin-bottom:12px}.rocketui-todo-item__label{flex:1;padding-left:32px}.rocketui-todo-item__check{cursor:pointer;width:20px;height:20px;position:absolute;top:50%;left:12px;display:flex;align-items:center;justify-content:center;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;transform:translateY(-50%);background:#32313e}.rocketui-todo-item__check:before{content:"";color:#57b9ce;font-size:14px;font-family:"Font Awesome 6 Free";opacity:0;transition:.2s ease}.rocketui-todo-item__check:checked:before{opacity:1}.rocketui-todo-item__remove{cursor:pointer;width:20px;height:20px;display:flex;flex:0 0 auto;align-items:center;justify-content:center;margin:0 0 0 12px;padding:0;border:0;border-radius:0;background:#1b1a29;font-size:20px;line-height:1;opacity:0;transition:.2s ease}.rocketui-todo-item__remove svg path{fill:#ff7053}.rocketui-todo-item--done .rocketui-todo-item__label{color:#494854;text-decoration:line-through}.rocketui-todo-item--hover .rocketui-todo-item__remove{opacity:1} + */:root,:host{--fa-style-family-classic: "Font Awesome 6 Free";--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://iamleigh.github.io/react-todo/assets/fa-solid-900-CTAAxXor.woff2) format("woff2"),url(https://iamleigh.github.io/react-todo/assets/fa-solid-900-D0aA9rwL.ttf) format("truetype")}.fas,.fa-solid{font-weight:900}html,body{margin:0;padding:0;border:0}body{background:#6469ba}body *{box-sizing:border-box}[hidden]{display:none}*:focus{outline:none}.rocketui-page--full{height:100vh;display:flex;flex-direction:column}.rocketui-page--full section{flex:1}.rocketui-page--full footer{flex:0 0 auto}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0}.rocketui-screen-reader-only{width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:absolute!important;margin:-1px;padding:0;border:0;word-wrap:normal!important}.rocketui-logo{display:flex;align-items:center}.rocketui-logo__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:30px;background:#6469ba;color:#fff;font-size:12px}.rocketui-logo__name{margin:0;color:#fff;font-size:16px;font-weight:600}.rocketui-logo__name:not(:first-child){margin-left:8px}.rocketui-logo--center{justify-content:center}.rocketui-button{cursor:pointer;display:flex;flex-flow:row wrap;align-items:center;padding:12px 16px;border:0;border-radius:8px;background:#6469ba;color:#fff;font-weight:600;font-size:14px;line-height:19px;text-align:left;transition:.1s ease}.rocketui-button i{flex:0 0 auto}.rocketui-button i:first-child{margin-right:8px}.rocketui-button i:last-child{margin-left:8px}.rocketui-button span{flex:1}.rocketui-button:hover{background:#505495}.rocketui-button:focus{outline:2px solid rgb(80,84,148.8);outline-offset:2px;background:#505495}.rocketui-button:disabled{cursor:default;background:#32313e;color:#76767f}.rocketui-button--full-width{width:100%}.rocketui-input{width:100%;max-width:100%;flex:1;margin:0;padding:12px;border:0;border-radius:8px;background:#32313e;color:#fff;font-size:16px;line-height:19px}.rocketui-footer{padding:16px 24px 40px;color:#b2b4dd;text-align:center}.rocketui-footer p{margin:0;padding:0;font-size:14px;font-weight:600;line-height:18px}.rocketui-footer a{color:#e0e1f1;text-decoration:none}.rocketui-footer a:hover{color:#fff}.rocketui-todo{width:100%;max-width:620px;margin:0 auto;padding:24px}.rocketui-todo__header{display:flex;flex-flow:row wrap;justify-content:center;padding:24px;border-radius:8px 8px 0 0;background:#161521}.rocketui-todo__header:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.rocketui-todo__form{display:flex;flex-flow:row wrap;padding:24px;border-radius:0 0 8px 8px;background:#1b1a29}.rocketui-todo__form input:not(:last-child),.rocketui-todo__form textarea:not(:last-child),.rocketui-todo__form button:not(:last-child){margin-right:12px}.rocketui-todo__clear{position:absolute;margin:12px 0;color:#b2b4dd;font-size:14px;line-height:20px}.rocketui-todo__clear button{cursor:pointer;display:inline;margin:0;padding:0;border:0;background:transparent;color:#e0e1f1;font-size:inherit;font-weight:600;line-height:inherit;transition:.2s ease}.rocketui-todo__clear button:hover{color:#fff}.rocketui-todo__clear button:disabled{pointer-events:none;opacity:.5}.rocketui-todo__list{margin:44px 0 8px;padding:0;list-style:none}.rocketui-todo-item{position:relative;display:flex;flex-flow:row wrap;margin:0;padding:12px;border-radius:8px;background:#1b1a29;color:#fff;font-size:16px;line-height:19px}.rocketui-todo-item:not(:last-child){margin-bottom:12px}.rocketui-todo-item__label{flex:1;padding-left:32px}.rocketui-todo-item__check{cursor:pointer;width:20px;height:20px;position:absolute;top:50%;left:12px;display:flex;align-items:center;justify-content:center;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;transform:translateY(-50%);background:#32313e}.rocketui-todo-item__check:before{content:"";color:#57b9ce;font-size:14px;font-family:"Font Awesome 6 Free";opacity:0;transition:.2s ease}.rocketui-todo-item__check:checked:before{opacity:1}.rocketui-todo-item__remove{cursor:pointer;width:20px;height:20px;display:flex;flex:0 0 auto;align-items:center;justify-content:center;margin:0 0 0 12px;padding:0;border:0;border-radius:0;background:#1b1a29;font-size:20px;line-height:1;opacity:0;transition:.2s ease}.rocketui-todo-item__remove svg path{fill:#ff7053}.rocketui-todo-item--done .rocketui-todo-item__label{color:#494854;text-decoration:line-through}.rocketui-todo-item--hover .rocketui-todo-item__remove{opacity:1} diff --git a/assets/index-P6tAJ0v1.js b/assets/index-DWgTIpxA.js similarity index 100% rename from assets/index-P6tAJ0v1.js rename to assets/index-DWgTIpxA.js diff --git a/index.html b/index.html index 8a9241d..af66adf 100644 --- a/index.html +++ b/index.html @@ -2,11 +2,11 @@ - + Vite + React + TS - - + +