diff --git a/build/asset-manifest.json b/build/asset-manifest.json index 0a6815e..28741ce 100644 --- a/build/asset-manifest.json +++ b/build/asset-manifest.json @@ -1,20 +1,19 @@ { "files": { - "main.css": "/static/css/main.6c78c15a.css", - "main.js": "/static/js/main.a79a7532.js", + "main.css": "/static/css/main.2edddfce.css", + "main.js": "/static/js/main.504ee4e3.js", "static/js/988.7bc77449.chunk.js": "/static/js/988.7bc77449.chunk.js", "static/media/rain_icon.png": "/static/media/rain_icon.4645827d90e35b5d3646.png", - "static/media/Union.svg": "/static/media/Union.9f342f2e074170295b5fa35a79493b89.svg", + "static/media/logo_type2.svg": "/static/media/logo_type2.45c934f14179409770864c314084ab98.svg", "index.html": "/index.html", "static/media/icon_caution.svg": "/static/media/icon_caution.b2199639040d61c062bf080814cda327.svg", - "static/media/LOGO.svg": "/static/media/LOGO.cee9a7700313d2f0dd85e673f375d517.svg", "static/media/icon_x.svg": "/static/media/icon_x.b003998af307b18c3a26b35e14dc2367.svg", - "main.6c78c15a.css.map": "/static/css/main.6c78c15a.css.map", - "main.a79a7532.js.map": "/static/js/main.a79a7532.js.map", + "main.2edddfce.css.map": "/static/css/main.2edddfce.css.map", + "main.504ee4e3.js.map": "/static/js/main.504ee4e3.js.map", "988.7bc77449.chunk.js.map": "/static/js/988.7bc77449.chunk.js.map" }, "entrypoints": [ - "static/css/main.6c78c15a.css", - "static/js/main.a79a7532.js" + "static/css/main.2edddfce.css", + "static/js/main.504ee4e3.js" ] } \ No newline at end of file diff --git a/build/index.html b/build/index.html index f9497af..94022cc 100644 --- a/build/index.html +++ b/build/index.html @@ -1 +1 @@ -킥세이프
\ No newline at end of file +킥세이프
\ No newline at end of file diff --git a/build/static/css/main.2edddfce.css b/build/static/css/main.2edddfce.css new file mode 100644 index 0000000..9408848 --- /dev/null +++ b/build/static/css/main.2edddfce.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap);@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{position:relative}body{overflow:hidden;-webkit-user-select:none;user-select:none}html{font-size:16px}*{font-family:Pretendard;margin:0;padding:0}.page_home{padding-top:0;position:relative}.page_home .hide{display:none}.page_home .black_cover{background-color:#000000d9;height:100vh;left:0;position:fixed;top:0;width:100vw}.page_home .sect_QR .video_container{display:flex;flex-direction:column;height:100vh;height:10rem;justify-content:start;margin-top:-3rem;position:absolute;top:0;width:100vw;z-index:-2}.page_home .sect_QR .video_container svg{opacity:0}.page_home .sect_QR .video_container video{border:10px red;height:0;margin:0}.page_home .sect_QR .QR_foreground{position:fixed;top:0;z-index:-1}.page_home .sect_QR .texts_container{color:#fff;display:flex;flex-direction:column;margin:5rem auto auto;row-gap:1rem;text-align:center;z-index:1}.page_home .sect_QR .texts_container .title{color:#fff;font-family:Pretendard;font-size:2rem;font-style:normal;font-weight:700;line-height:normal}.page_home .sect_QR .texts_container .dscript{color:#dedede;font-family:Pretendard;font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:-.02188rem;line-height:normal;line-height:150%}.page_home .sect_agree{bottom:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;position:fixed;width:100vw;z-index:100}.page_home .sect_agree .sect_controller{align-items:center;display:flex;height:3rem;justify-content:center}.page_home .sect_agree .sect_controller .controller_line{background-color:#acacac;border-radius:10rem;height:.4rem;width:4rem}.page_home .sect_agree .sect_content{background-color:#fff;border-radius:1.125rem 1.125rem 0 0;height:10rem;padding:1.75rem 1.5rem;text-align:center}.page_home .sect_agree .sect_content .tag_container{display:flex;justify-content:center}.page_home .sect_agree .sect_content .disrpt{color:#32353c;font-family:Pretendard;font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:-.02188rem;line-height:normal;line-height:150%;margin-top:.5rem;text-align:center}.page_home .comp_btn{background-color:#fff;bottom:0;box-sizing:border-box;height:5rem;left:0;padding:.5rem 1.5rem 0;position:fixed;width:100vw}.page_home .comp_btn button{align-items:center;background-color:#dedede;border:none;border-radius:.3125rem;color:#fff;display:inline-flex;display:flex;flex-shrink:0;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:700;gap:.5rem;height:3.125rem;justify-content:center;line-height:170.336%;padding:.9375rem 1.375rem;position:relative;transition:.3s;width:100%}.page_home .comp_btn button:hover{cursor:pointer}.page_home .comp_btn button.pressed{align-items:center;background-color:#ffe55e;border:none;border-radius:.3125rem;color:#fff;color:#32353c;display:inline-flex;flex-shrink:0;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:700;gap:.5rem;height:3.125rem;justify-content:center;line-height:170.336%;padding:.9375rem 1.375rem;transition:.3s}.page_home .comp_btn button.pressed:hover{cursor:pointer}.page_home .comp_btn .btn_txt{color:#949ba4;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:700;line-height:170.336%}.page_caution{height:100vh;overflow-y:scroll;text-align:center}.page_caution .body_container{box-sizing:border-box;display:flex;flex-direction:column;height:50rem;margin-top:3rem;padding:0 1.5rem;row-gap:1.5rem;width:100%}.page_caution .body_container .comp_tag{margin:1.5rem auto 0}.page_caution .body_container .check_option{align-items:flex-end;display:flex;flex-direction:column;flex-grow:0;flex-shrink:1;gap:.8rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:0;top:0}.page_caution .body_container .check_option .check_list_container{align-items:flex-start;background:#eff5f9;border-radius:.3125rem;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;flex-grow:0;flex-shrink:1;gap:.5rem;padding:1rem;position:relative;width:100%}.page_caution .body_container .check_option .check_list_container .top{align-items:center;display:flex;gap:1rem}.page_caution .body_container .check_option .check_list_container .top .helmet_img{height:1.75rem;width:1.75rem}.page_caution .body_container .check_option .check_list_container .top .title{color:#32353c;font-family:Pretendard;font-size:1.5rem;font-style:normal;font-weight:700;line-height:normal}.page_caution .body_container .check_option .check_list_container .bottom{color:#737c86;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:400;line-height:170.336%;text-align:left}.page_caution .body_container .btn_box{align-items:center;column-gap:1rem;display:flex;flex-grow:0;justify-content:flex-end}.page_caution .body_container .btn_box .toggle-button{cursor:pointer}.page_caution .comp_btn{background-color:#fff;bottom:0;box-sizing:border-box;height:5rem;left:0;padding:.5rem 1.5rem 0;position:fixed;width:100vw}.page_caution .comp_btn button{align-items:center;background-color:#dedede;border:none;border-radius:.3125rem;color:#fff;display:inline-flex;display:flex;flex-shrink:0;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:700;gap:.5rem;height:3.125rem;justify-content:center;line-height:170.336%;padding:.9375rem 1.375rem;position:relative;transition:.3s;width:100%}.page_caution .comp_btn button:hover{cursor:pointer}.page_caution .comp_btn button.pressed{align-items:center;background-color:#ffe55e;border:none;border-radius:.3125rem;color:#fff;color:#32353c;display:inline-flex;flex-shrink:0;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:700;gap:.5rem;height:3.125rem;justify-content:center;line-height:170.336%;padding:.9375rem 1.375rem;transition:.3s}.page_caution .comp_btn button.pressed:hover{cursor:pointer}.page_caution .comp_btn .btn_txt{color:#949ba4;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:700;line-height:170.336%}.page_riding{padding:0 1.5rem;text-align:center}.page_riding .mid_nav{align-items:center;display:flex;flex-direction:column}.page_riding .mid_nav .title{color:#32353c;font-family:Pretendard;font-size:2rem;font-style:normal;font-weight:700;line-height:normal;margin-top:6.12rem}.page_riding .mid_nav .timer_container{background:#eff5f9;border-radius:.3125rem;flex-shrink:0;height:7.3125rem;margin-top:2.5rem;width:20.4375rem;width:100%}.page_riding .mid_nav .timer_container .timer_title{color:#737c86;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:400;line-height:170.336%;margin-top:1.31rem}.page_riding .mid_nav .timer_container .timer{color:#32353c;font-family:Pretendard;font-size:2rem;font-style:normal;font-weight:700;line-height:normal;margin-top:.62rem}.page_riding .mid_nav .mid_dscrpt{color:#32353c;font-weight:400;margin-bottom:15.31rem;margin-top:3rem}.page_riding .mid_nav .mid_dscrpt,.page_riding .mid_nav .sect_btn{font-family:Pretendard;font-size:1rem;font-style:normal;line-height:170.336%}.page_riding .mid_nav .sect_btn{align-items:center;background-color:#f01111;border:none;border-radius:.3125rem;color:#fff;display:inline-flex;flex-shrink:0;font-weight:700;gap:.5rem;height:3.125rem;justify-content:center;padding:.9375rem 1.375rem;transition:.3s}.page_riding .mid_nav .sect_btn:hover{cursor:pointer}.page_riding .comp_btn{background-color:#fff;bottom:0;box-sizing:border-box;height:5rem;left:0;padding:.5rem 1.5rem 0;position:fixed;width:100vw}.page_riding .comp_btn button{align-items:center;background-color:#dedede;border:none;border-radius:.3125rem;color:#fff;display:inline-flex;display:flex;flex-shrink:0;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:700;gap:.5rem;height:3.125rem;justify-content:center;line-height:170.336%;padding:.9375rem 1.375rem;position:relative;transition:.3s;width:100%}.page_riding .comp_btn button:hover{cursor:pointer}.page_riding .comp_btn button.pressed{align-items:center;background-color:#f01111;border:none;border-radius:.3125rem;color:#fff;color:#eff5f9;display:inline-flex;flex-shrink:0;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:700;gap:.5rem;height:3.125rem;justify-content:center;line-height:170.336%;padding:.9375rem 1.375rem;transition:.3s}.page_riding .comp_btn button.pressed:hover{cursor:pointer}.page_riding .comp_btn .btn_txt{color:#949ba4}.comp_nav,.page_riding .comp_btn .btn_txt{font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:700;line-height:170.336%}.comp_nav{background-color:#fff;color:#32353c;height:3rem;left:0;line-height:3rem;position:fixed;top:0;width:100vw;z-index:1000}.comp_nav .icon_container{cursor:pointer;height:1rem;position:absolute;right:1rem;top:0;width:1rem}.comp_nav .icon_container img{height:100%;width:100%}.comp_nav .logo{align-items:center;display:flex;justify-content:center;margin-top:1rem}.comp_nav .logo .logo_title{margin-left:.5rem} +/*# sourceMappingURL=main.2edddfce.css.map*/ \ No newline at end of file diff --git a/build/static/css/main.2edddfce.css.map b/build/static/css/main.2edddfce.css.map new file mode 100644 index 0000000..17750b0 --- /dev/null +++ b/build/static/css/main.2edddfce.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.2edddfce.css","mappings":"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","sources":["index.css","App.scss"],"sourcesContent":["body {\r\n margin: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\r\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\r\n sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n monospace;\r\n}\r\n","@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');\r\n@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');\r\n\r\n//default_element\r\n$rem_unit: 16px;\r\n\r\n//sizes\r\n$page_padding: 1.5rem;\r\n$margin-top: 5rem;\r\n\r\n// colors\r\n$background: #ECEFF3;\r\n$blue: #3D57E2;\r\n$skyblue: #EFF5F9;\r\n$yellow: #FFE55E;\r\n$black: #32353C;\r\n$line_gray: #DCE1E8;\r\n$font_gray: #DEDEDE;\r\n$red: #F01111;\r\n$caution: #F53C3C;\r\n$input_background: #EFF2F4;\r\n\r\n//lines\r\n$gray_line: 1px solid $line_gray;\r\n\r\n//effects\r\n$card_shadow: 0px 4px 8px 0px rgba(161, 170, 179, 0.30);\r\n\r\n\r\n//components > fonts\r\n\r\n\r\n\r\n\r\n@mixin font_default($color: $black) {\r\n color: $color;\r\n font-family: Pretendard;\r\n font-size: 1rem;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 170.336%;\r\n}\r\n\r\n@mixin font_large($color: $black) {\r\n color: $color;\r\n font-family: 'Pretendard';\r\n font-size: 1.5rem;\r\n font-style: normal;\r\n font-weight: 700;\r\n line-height: normal;\r\n}\r\n\r\n@mixin font_huge($color: $black) {\r\n color: $color;\r\n font-family: 'Pretendard';\r\n font-size: 2rem;\r\n font-style: normal;\r\n font-weight: 700;\r\n line-height: normal;\r\n}\r\n\r\n@mixin font_bold($color) {\r\n color: $color;\r\n font-family: Pretendard;\r\n font-size: 1rem;\r\n font-style: normal;\r\n font-weight: 700;\r\n line-height: 170.336%;\r\n}\r\n\r\n@mixin font_small($color: $black) {\r\n color: $color;\r\n font-family: Pretendard;\r\n font-size: 0.875rem;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: normal;\r\n letter-spacing: -0.02188rem;\r\n line-height: 150%;\r\n}\r\n\r\n@mixin font_tiny($color) {\r\n color: $color;\r\n font-family: Pretendard;\r\n font-size: 0.75rem;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: normal;\r\n letter-spacing: -0.01875rem;\r\n}\r\n\r\n//components >> buttons\r\n@mixin btn_filled($color: $blue, $width: \"hug\") {\r\n display: inline-flex;\r\n height: 3.125rem;\r\n padding: 0.9375rem 1.375rem;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0.5rem;\r\n flex-shrink: 0;\r\n border-radius: 0.3125rem;\r\n background-color: $color;\r\n border: none;\r\n @include font_bold(#fff);\r\n transition: 0.3s;\r\n\r\n @if ($width ==\"fill\") {\r\n display: flex;\r\n width: 100%;\r\n }\r\n\r\n &:hover {\r\n cursor: pointer;\r\n // background-color: #576de9;\r\n }\r\n}\r\n\r\n@mixin btn_lined($color: $blue, $width: \"hug\") {\r\n display: inline-flex;\r\n height: 3.125rem;\r\n padding: 0.9375rem 1.375rem;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0.5rem;\r\n flex-shrink: 0;\r\n border-radius: 0.3125rem;\r\n background-color: #fff;\r\n border: 1px solid $blue;\r\n @include font_default($blue);\r\n transition: 0.3s;\r\n\r\n @if ($width ==\"fill\") {\r\n display: flex;\r\n width: 100%;\r\n }\r\n\r\n &:hover {\r\n cursor: pointer;\r\n background-color: #edeff8;\r\n }\r\n}\r\n\r\n@mixin padding-horizental() {\r\n padding: 0 $page_padding;\r\n box-sizing: border-box;\r\n}\r\n\r\n@mixin page() {\r\n height: 100vh;\r\n width: 100vw;\r\n margin-top: $margin_top;\r\n margin-bottom: $margin-top;\r\n background-color: $background;\r\n overflow: hidden;\r\n}\r\n\r\n.App {\r\n position: relative;\r\n}\r\n\r\nbody{\r\n overflow: hidden;\r\n -webkit-user-select:none;\r\n -moz-user-select:none;\r\n -ms-user-select:none;\r\n user-select:none\r\n}\r\n\r\nhtml {\r\n font-size: $rem_unit;\r\n}\r\n\r\n\r\n* {\r\n font-family: 'Pretendard';\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n\r\n.page_home {\r\n padding-top: 0;\r\n position: relative;\r\n\r\n .hide{\r\n display: none;\r\n }\r\n .black_cover{\r\n width: 100vw;\r\n height: 100vh;\r\n position: fixed;\r\n background-color: rgba(0, 0, 0, 0.85);\r\n top: 0;\r\n left: 0;\r\n }\r\n\r\n .sect_QR {\r\n .video_container {\r\n svg {\r\n // display: none;\r\n opacity: 0;\r\n }\r\n\r\n position: absolute;\r\n top: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n z-index: -2;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: start;\r\n height: 10rem;\r\n margin-top: -3rem;\r\n video{\r\n margin: 0;\r\n height: 0;\r\n border: 10px soild red;\r\n }\r\n }\r\n\r\n .QR_foreground {\r\n position: fixed;\r\n top: 0;\r\n z-index: -1;\r\n // margin-top: -5rem;\r\n }\r\n\r\n .texts_container {\r\n color: white;\r\n z-index: 1;\r\n margin: auto;\r\n margin-top: 5rem;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n row-gap: 1rem;\r\n\r\n .title {\r\n @include font_huge(white);\r\n }\r\n\r\n .dscript {\r\n @include font_small($font_gray);\r\n }\r\n }\r\n }\r\n\r\n .sect_agree {\r\n $sect_size: 13rem;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n height: fit-content;\r\n $controller_size: 3rem;\r\n width: 100vw;\r\n z-index: 100;\r\n\r\n .sect_controller {\r\n height: $controller_size;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n .controller_line{\r\n width: 4rem;\r\n height: 0.4rem;\r\n background-color: #ACACAC;\r\n border-radius: 10rem;\r\n }\r\n }\r\n\r\n .sect_content {\r\n text-align: center;\r\n background-color: white;\r\n border-radius: 1.125rem 1.125rem 0 0;\r\n height: calc($sect_size - $controller_size);\r\n padding: 1.75rem 1.5rem;\r\n .tag_container{\r\n display: flex;\r\n justify-content: center;\r\n }\r\n .disrpt{\r\n @include font_small($black);\r\n text-align: center;\r\n margin-top: 0.5rem;\r\n }\r\n }\r\n }\r\n .comp_btn{\r\n position: fixed;\r\n height: 5rem;\r\n padding: 0.5rem $page_padding 0 $page_padding;\r\n box-sizing: border-box;\r\n background-color: white;\r\n left: 0;\r\n bottom: 0;\r\n width: 100vw;\r\n \r\n button {\r\n position: relative;\r\n @include btn_filled($font_gray, \"fill\");\r\n \r\n &.pressed {\r\n @include btn_filled($yellow);\r\n @include font_bold($black);\r\n }\r\n }\r\n \r\n .btn_txt {\r\n @include font_bold(#949BA4);\r\n }\r\n }\r\n}\r\n\r\n/*\r\nCaution Page\r\n*/\r\n.page_caution {\r\n text-align: center;\r\n height: 100vh;\r\n overflow-y: scroll;\r\n\r\n \r\n .body_container {\r\n margin-top: 3rem;\r\n display: flex;\r\n flex-direction: column;\r\n row-gap: 1.5rem;\r\n width: 100%;\r\n padding: 0 $page_padding 0 $page_padding;\r\n box-sizing: border-box;\r\n // overflow-y: scroll;\r\n height: 50rem;\r\n // height: fit-content;\r\n\r\n .comp_tag { \r\n margin: auto;\r\n margin-top: 1.5rem;\r\n margin-bottom: 0;\r\n }\r\n\r\n .check_option {\r\n display: flex;\r\n flex-shrink: 1;\r\n flex-grow: 0;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n gap: 0.8rem;\r\n height: fit-content;\r\n top: 0;\r\n margin-top: 0;\r\n \r\n\r\n \r\n .check_list_container {\r\n display: flex;\r\n position: relative;\r\n width: 100%;\r\n flex-shrink: 1;\r\n flex-grow: 1;\r\n padding: 1rem;\r\n box-sizing: border-box;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0.5rem;\r\n\r\n \r\n border-radius: 0.3125rem;\r\n background: $skyblue;\r\n\r\n flex-grow: 0;\r\n \r\n .top {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n \r\n .helmet_img {\r\n width: 1.75rem;\r\n height: 1.75rem;\r\n }\r\n .title {\r\n @include font_large($black);\r\n }\r\n }\r\n \r\n .bottom {\r\n @include font_default(#737C86);\r\n text-align: left;\r\n }\r\n }\r\n }\r\n\r\n .btn_box {\r\n display: flex;\r\n flex-grow: 0;\r\n justify-content: flex-end;\r\n align-items: center;\r\n column-gap: 1rem;\r\n .toggle-button {\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n .comp_btn{\r\n position: fixed;\r\n height: 5rem;\r\n padding: 0.5rem $page_padding 0 $page_padding;\r\n box-sizing: border-box;\r\n background-color: white;\r\n left: 0;\r\n bottom: 0;\r\n width: 100vw;\r\n \r\n button {\r\n position: relative;\r\n @include btn_filled($font_gray, \"fill\");\r\n \r\n &.pressed {\r\n @include btn_filled($yellow);\r\n @include font_bold($black);\r\n }\r\n }\r\n \r\n .btn_txt {\r\n @include font_bold(#949BA4);\r\n }\r\n }\r\n}\r\n\r\n\r\n//riding 페이지에 대한 style을 여기에 추가해 주세요\r\n.page_riding{\r\n text-align: center;\r\n padding: 0 $page_padding 0 $page_padding;\r\n\r\n\r\n .mid_nav {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n\r\n .title {\r\n @include font_huge($black);\r\n margin-top: 6.12rem;\r\n }\r\n\r\n .timer_container {\r\n margin-top: 2.5rem;\r\n width: 20.4375rem;\r\n height: 7.3125rem;\r\n flex-shrink: 0;\r\n\r\n border-radius: 0.3125rem;\r\n background: #EFF5F9;\r\n width: 100%;\r\n \r\n .timer_title {\r\n margin-top: 1.31rem;\r\n @include font_default(#737C86);\r\n }\r\n \r\n .timer {\r\n margin-top: 0.62rem;\r\n @include font_huge($black);\r\n }\r\n }\r\n\r\n .mid_dscrpt {\r\n margin-top: 3rem;\r\n margin-bottom: 15.31rem;\r\n @include font_default($black);\r\n }\r\n\r\n .sect_btn {\r\n @include btn_filled($red);\r\n }\r\n }\r\n .comp_btn{\r\n position: fixed;\r\n height: 5rem;\r\n padding: 0.5rem $page_padding 0 $page_padding;\r\n box-sizing: border-box;\r\n background-color: white;\r\n left: 0;\r\n bottom: 0;\r\n width: 100vw;\r\n \r\n button {\r\n position: relative;\r\n @include btn_filled($font_gray, \"fill\");\r\n \r\n &.pressed {\r\n @include btn_filled($red);\r\n @include font_bold(#EFF5F9);\r\n }\r\n }\r\n \r\n .btn_txt {\r\n @include font_bold(#949BA4);\r\n }\r\n }\r\n}\r\n\r\n\r\n.comp_nav{\r\n position: fixed;\r\n width: 100vw;\r\n height: 3rem;\r\n background-color: white;\r\n @include font_bold($black);\r\n line-height: 3rem;\r\n top: 0;\r\n left: 0;\r\n z-index: 1000;\r\n\r\n .icon_container{\r\n position: absolute;\r\n right: 1rem;\r\n top: 0;\r\n width: 1rem;\r\n height: 1rem;\r\n cursor: pointer;\r\n img{\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n \r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: 1rem;\r\n .logo_title {\r\n margin-left: 0.5rem;\r\n }\r\n }\r\n}\r\n\r\n\r\n// .comp_btn{\r\n// position: fixed;\r\n// height: 5rem;\r\n// padding: 0.5rem $page_padding 0 $page_padding;\r\n// box-sizing: border-box;\r\n// background-color: white;\r\n// left: 0;\r\n// bottom: 0;\r\n// width: 100vw;\r\n\r\n// button {\r\n// position: relative;\r\n// @include btn_filled($font_gray, \"fill\");\r\n\r\n// &.pressed {\r\n// @include btn_filled($yellow);\r\n// @include font_bold($black);\r\n// }\r\n// }\r\n\r\n// .btn_txt {\r\n// @include font_bold(#949BA4);\r\n// }\r\n// }"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/build/static/css/main.6c78c15a.css b/build/static/css/main.6c78c15a.css deleted file mode 100644 index fc57682..0000000 --- a/build/static/css/main.6c78c15a.css +++ /dev/null @@ -1,2 +0,0 @@ -@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap);@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{position:relative}body{overflow:hidden;-webkit-user-select:none;user-select:none}html{font-size:16px}*{font-family:Pretendard;margin:0;padding:0}.page_home{padding-top:0;position:relative}.page_home .hide{display:none}.page_home .black_cover{background-color:#000000d9;height:100vh;left:0;position:fixed;top:0;width:100vw}.page_home .sect_QR .video_container{display:flex;flex-direction:column;height:100vh;height:10rem;justify-content:start;margin-top:-3rem;position:absolute;top:0;width:100vw;z-index:-2}.page_home .sect_QR .video_container video{border:10px red;height:0;margin:0}.page_home .sect_QR .QR_foreground{position:fixed;top:0;z-index:-1}.page_home .sect_QR .texts_container{color:#fff;display:flex;flex-direction:column;margin:5rem auto auto;row-gap:1rem;text-align:center;z-index:1}.page_home .sect_QR .texts_container .title{color:#fff;font-family:Pretendard;font-size:2rem;font-style:normal;font-weight:700;line-height:normal}.page_home .sect_QR .texts_container .dscript{color:#dedede;font-family:Pretendard;font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:-.02188rem;line-height:normal;line-height:150%}.page_home .sect_agree{bottom:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;position:fixed;width:100vw;z-index:100}.page_home .sect_agree .sect_controller{align-items:center;display:flex;height:3rem;justify-content:center}.page_home .sect_agree .sect_controller .controller_line{background-color:#acacac;border-radius:10rem;height:.4rem;width:4rem}.page_home .sect_agree .sect_content{background-color:#fff;border-radius:1.125rem 1.125rem 0 0;height:10rem;padding:1.75rem 1.5rem;text-align:center}.page_home .sect_agree .sect_content .tag_container{display:flex;justify-content:center}.page_home .sect_agree .sect_content .disrpt{color:#32353c;font-family:Pretendard;font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:-.02188rem;line-height:normal;line-height:150%;margin-top:.5rem;text-align:center}.page_home .comp_btn{background-color:#fff;bottom:0;box-sizing:border-box;height:5rem;left:0;padding:.5rem 1.5rem 0;position:fixed;width:100vw}.page_home .comp_btn button{align-items:center;background-color:#dedede;border:none;border-radius:.3125rem;color:#fff;display:inline-flex;display:flex;flex-shrink:0;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:700;gap:.5rem;height:3.125rem;justify-content:center;line-height:170.336%;padding:.9375rem 1.375rem;position:relative;transition:.3s;width:100%}.page_home .comp_btn button:hover{cursor:pointer}.page_home .comp_btn button.pressed{align-items:center;background-color:#ffe55e;border:none;border-radius:.3125rem;color:#fff;color:#32353c;display:inline-flex;flex-shrink:0;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:700;gap:.5rem;height:3.125rem;justify-content:center;line-height:170.336%;padding:.9375rem 1.375rem;transition:.3s}.page_home .comp_btn button.pressed:hover{cursor:pointer}.page_home .comp_btn .btn_txt{color:#949ba4;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:700;line-height:170.336%}.page_caution{height:100vh;overflow-y:scroll;text-align:center}.page_caution .body_container{box-sizing:border-box;display:flex;flex-direction:column;height:50rem;margin-top:3rem;padding:0 1.5rem;row-gap:1.5rem;width:100%}.page_caution .body_container .comp_tag{margin:1.5rem auto 0}.page_caution .body_container .check_option{align-items:flex-end;display:flex;flex-direction:column;flex-grow:0;flex-shrink:1;gap:.8rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:0;top:0}.page_caution .body_container .check_option .check_list_container{align-items:flex-start;background:#eff5f9;border-radius:.3125rem;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;flex-grow:0;flex-shrink:1;gap:.5rem;padding:1rem;position:relative;width:100%}.page_caution .body_container .check_option .check_list_container .top{align-items:center;display:flex;gap:1rem}.page_caution .body_container .check_option .check_list_container .top .helmet_img{height:1.75rem;width:1.75rem}.page_caution .body_container .check_option .check_list_container .top .title{color:#32353c;font-family:Pretendard;font-size:1.5rem;font-style:normal;font-weight:700;line-height:normal}.page_caution .body_container .check_option .check_list_container .bottom{color:#737c86;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:400;line-height:170.336%;text-align:left}.page_caution .body_container .btn_box{align-items:center;column-gap:1rem;display:flex;flex-grow:0;justify-content:flex-end}.page_caution .body_container .btn_box .toggle-button{cursor:pointer}.page_caution .comp_btn{background-color:#fff;bottom:0;box-sizing:border-box;height:5rem;left:0;padding:.5rem 1.5rem 0;position:fixed;width:100vw}.page_caution .comp_btn button{align-items:center;background-color:#dedede;border:none;border-radius:.3125rem;color:#fff;display:inline-flex;display:flex;flex-shrink:0;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:700;gap:.5rem;height:3.125rem;justify-content:center;line-height:170.336%;padding:.9375rem 1.375rem;position:relative;transition:.3s;width:100%}.page_caution .comp_btn button:hover{cursor:pointer}.page_caution .comp_btn button.pressed{align-items:center;background-color:#ffe55e;border:none;border-radius:.3125rem;color:#fff;color:#32353c;display:inline-flex;flex-shrink:0;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:700;gap:.5rem;height:3.125rem;justify-content:center;line-height:170.336%;padding:.9375rem 1.375rem;transition:.3s}.page_caution .comp_btn button.pressed:hover{cursor:pointer}.page_caution .comp_btn .btn_txt{color:#949ba4;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:700;line-height:170.336%}.page_riding{padding:0 1.5rem;text-align:center}.page_riding .mid_nav{align-items:center;display:flex;flex-direction:column}.page_riding .mid_nav .title{color:#32353c;font-family:Pretendard;font-size:2rem;font-style:normal;font-weight:700;line-height:normal;margin-top:6.12rem}.page_riding .mid_nav .timer_container{background:#eff5f9;border-radius:.3125rem;flex-shrink:0;height:7.3125rem;margin-top:2.5rem;width:20.4375rem;width:100%}.page_riding .mid_nav .timer_container .timer_title{color:#737c86;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:400;line-height:170.336%;margin-top:1.31rem}.page_riding .mid_nav .timer_container .timer{color:#32353c;font-family:Pretendard;font-size:2rem;font-style:normal;font-weight:700;line-height:normal;margin-top:.62rem}.page_riding .mid_nav .mid_dscrpt{color:#32353c;font-weight:400;margin-bottom:15.31rem;margin-top:3rem}.page_riding .mid_nav .mid_dscrpt,.page_riding .mid_nav .sect_btn{font-family:Pretendard;font-size:1rem;font-style:normal;line-height:170.336%}.page_riding .mid_nav .sect_btn{align-items:center;background-color:#f01111;border:none;border-radius:.3125rem;color:#fff;display:inline-flex;flex-shrink:0;font-weight:700;gap:.5rem;height:3.125rem;justify-content:center;padding:.9375rem 1.375rem;transition:.3s}.page_riding .mid_nav .sect_btn:hover{cursor:pointer}.page_riding .comp_btn{background-color:#fff;bottom:0;box-sizing:border-box;height:5rem;left:0;padding:.5rem 1.5rem 0;position:fixed;width:100vw}.page_riding .comp_btn button{align-items:center;background-color:#dedede;border:none;border-radius:.3125rem;color:#fff;display:inline-flex;display:flex;flex-shrink:0;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:700;gap:.5rem;height:3.125rem;justify-content:center;line-height:170.336%;padding:.9375rem 1.375rem;position:relative;transition:.3s;width:100%}.page_riding .comp_btn button:hover{cursor:pointer}.page_riding .comp_btn button.pressed{align-items:center;background-color:#f01111;border:none;border-radius:.3125rem;color:#fff;color:#eff5f9;display:inline-flex;flex-shrink:0;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:700;gap:.5rem;height:3.125rem;justify-content:center;line-height:170.336%;padding:.9375rem 1.375rem;transition:.3s}.page_riding .comp_btn button.pressed:hover{cursor:pointer}.page_riding .comp_btn .btn_txt{color:#949ba4}.comp_nav,.page_riding .comp_btn .btn_txt{font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:700;line-height:170.336%}.comp_nav{background-color:#fff;color:#32353c;height:3rem;left:0;line-height:3rem;position:fixed;top:0;width:100vw;z-index:1000}.comp_nav .icon_container{cursor:pointer;height:1rem;position:absolute;right:1rem;top:0;width:1rem}.comp_nav .icon_container img{height:100%;width:100%}.comp_nav .logo{align-items:center;display:flex;justify-content:center;margin-top:1rem}.comp_nav .logo .logo_title{margin-left:.5rem} -/*# sourceMappingURL=main.6c78c15a.css.map*/ \ No newline at end of file diff --git a/build/static/css/main.6c78c15a.css.map b/build/static/css/main.6c78c15a.css.map deleted file mode 100644 index 6bba0af..0000000 --- a/build/static/css/main.6c78c15a.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.6c78c15a.css","mappings":"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","sources":["index.css","App.scss"],"sourcesContent":["body {\r\n margin: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\r\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\r\n sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n monospace;\r\n}\r\n","@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');\r\n@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');\r\n\r\n//default_element\r\n$rem_unit: 16px;\r\n\r\n//sizes\r\n$page_padding: 1.5rem;\r\n$margin-top: 5rem;\r\n\r\n// colors\r\n$background: #ECEFF3;\r\n$blue: #3D57E2;\r\n$skyblue: #EFF5F9;\r\n$yellow: #FFE55E;\r\n$black: #32353C;\r\n$line_gray: #DCE1E8;\r\n$font_gray: #DEDEDE;\r\n$red: #F01111;\r\n$caution: #F53C3C;\r\n$input_background: #EFF2F4;\r\n\r\n//lines\r\n$gray_line: 1px solid $line_gray;\r\n\r\n//effects\r\n$card_shadow: 0px 4px 8px 0px rgba(161, 170, 179, 0.30);\r\n\r\n\r\n//components > fonts\r\n\r\n\r\n\r\n\r\n@mixin font_default($color: $black) {\r\n color: $color;\r\n font-family: Pretendard;\r\n font-size: 1rem;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 170.336%;\r\n}\r\n\r\n@mixin font_large($color: $black) {\r\n color: $color;\r\n font-family: 'Pretendard';\r\n font-size: 1.5rem;\r\n font-style: normal;\r\n font-weight: 700;\r\n line-height: normal;\r\n}\r\n\r\n@mixin font_huge($color: $black) {\r\n color: $color;\r\n font-family: 'Pretendard';\r\n font-size: 2rem;\r\n font-style: normal;\r\n font-weight: 700;\r\n line-height: normal;\r\n}\r\n\r\n@mixin font_bold($color) {\r\n color: $color;\r\n font-family: Pretendard;\r\n font-size: 1rem;\r\n font-style: normal;\r\n font-weight: 700;\r\n line-height: 170.336%;\r\n}\r\n\r\n@mixin font_small($color: $black) {\r\n color: $color;\r\n font-family: Pretendard;\r\n font-size: 0.875rem;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: normal;\r\n letter-spacing: -0.02188rem;\r\n line-height: 150%;\r\n}\r\n\r\n@mixin font_tiny($color) {\r\n color: $color;\r\n font-family: Pretendard;\r\n font-size: 0.75rem;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: normal;\r\n letter-spacing: -0.01875rem;\r\n}\r\n\r\n//components >> buttons\r\n@mixin btn_filled($color: $blue, $width: \"hug\") {\r\n display: inline-flex;\r\n height: 3.125rem;\r\n padding: 0.9375rem 1.375rem;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0.5rem;\r\n flex-shrink: 0;\r\n border-radius: 0.3125rem;\r\n background-color: $color;\r\n border: none;\r\n @include font_bold(#fff);\r\n transition: 0.3s;\r\n\r\n @if ($width ==\"fill\") {\r\n display: flex;\r\n width: 100%;\r\n }\r\n\r\n &:hover {\r\n cursor: pointer;\r\n // background-color: #576de9;\r\n }\r\n}\r\n\r\n@mixin btn_lined($color: $blue, $width: \"hug\") {\r\n display: inline-flex;\r\n height: 3.125rem;\r\n padding: 0.9375rem 1.375rem;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0.5rem;\r\n flex-shrink: 0;\r\n border-radius: 0.3125rem;\r\n background-color: #fff;\r\n border: 1px solid $blue;\r\n @include font_default($blue);\r\n transition: 0.3s;\r\n\r\n @if ($width ==\"fill\") {\r\n display: flex;\r\n width: 100%;\r\n }\r\n\r\n &:hover {\r\n cursor: pointer;\r\n background-color: #edeff8;\r\n }\r\n}\r\n\r\n@mixin padding-horizental() {\r\n padding: 0 $page_padding;\r\n box-sizing: border-box;\r\n}\r\n\r\n@mixin page() {\r\n height: 100vh;\r\n width: 100vw;\r\n margin-top: $margin_top;\r\n margin-bottom: $margin-top;\r\n background-color: $background;\r\n overflow: hidden;\r\n}\r\n\r\n.App {\r\n position: relative;\r\n}\r\n\r\nbody{\r\n overflow: hidden;\r\n -webkit-user-select:none;\r\n -moz-user-select:none;\r\n -ms-user-select:none;\r\n user-select:none\r\n}\r\n\r\nhtml {\r\n font-size: $rem_unit;\r\n}\r\n\r\n\r\n* {\r\n font-family: 'Pretendard';\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n\r\n.page_home {\r\n padding-top: 0;\r\n position: relative;\r\n\r\n .hide{\r\n display: none;\r\n }\r\n .black_cover{\r\n width: 100vw;\r\n height: 100vh;\r\n position: fixed;\r\n background-color: rgba(0, 0, 0, 0.85);\r\n top: 0;\r\n left: 0;\r\n }\r\n\r\n .sect_QR {\r\n .video_container {\r\n // svg {\r\n // display: none;\r\n // }\r\n\r\n position: absolute;\r\n top: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n z-index: -2;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: start;\r\n height: 10rem;\r\n margin-top: -3rem;\r\n video{\r\n margin: 0;\r\n height: 0;\r\n border: 10px soild red;\r\n }\r\n }\r\n\r\n .QR_foreground {\r\n position: fixed;\r\n top: 0;\r\n z-index: -1;\r\n // margin-top: -5rem;\r\n }\r\n\r\n .texts_container {\r\n color: white;\r\n z-index: 1;\r\n margin: auto;\r\n margin-top: 5rem;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n row-gap: 1rem;\r\n\r\n .title {\r\n @include font_huge(white);\r\n }\r\n\r\n .dscript {\r\n @include font_small($font_gray);\r\n }\r\n }\r\n }\r\n\r\n .sect_agree {\r\n $sect_size: 13rem;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n height: fit-content;\r\n $controller_size: 3rem;\r\n width: 100vw;\r\n z-index: 100;\r\n\r\n .sect_controller {\r\n height: $controller_size;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n .controller_line{\r\n width: 4rem;\r\n height: 0.4rem;\r\n background-color: #ACACAC;\r\n border-radius: 10rem;\r\n }\r\n }\r\n\r\n .sect_content {\r\n text-align: center;\r\n background-color: white;\r\n border-radius: 1.125rem 1.125rem 0 0;\r\n height: calc($sect_size - $controller_size);\r\n padding: 1.75rem 1.5rem;\r\n .tag_container{\r\n display: flex;\r\n justify-content: center;\r\n }\r\n .disrpt{\r\n @include font_small($black);\r\n text-align: center;\r\n margin-top: 0.5rem;\r\n }\r\n }\r\n }\r\n .comp_btn{\r\n position: fixed;\r\n height: 5rem;\r\n padding: 0.5rem $page_padding 0 $page_padding;\r\n box-sizing: border-box;\r\n background-color: white;\r\n left: 0;\r\n bottom: 0;\r\n width: 100vw;\r\n \r\n button {\r\n position: relative;\r\n @include btn_filled($font_gray, \"fill\");\r\n \r\n &.pressed {\r\n @include btn_filled($yellow);\r\n @include font_bold($black);\r\n }\r\n }\r\n \r\n .btn_txt {\r\n @include font_bold(#949BA4);\r\n }\r\n }\r\n}\r\n\r\n/*\r\nCaution Page\r\n*/\r\n.page_caution {\r\n text-align: center;\r\n height: 100vh;\r\n overflow-y: scroll;\r\n\r\n \r\n .body_container {\r\n margin-top: 3rem;\r\n display: flex;\r\n flex-direction: column;\r\n row-gap: 1.5rem;\r\n width: 100%;\r\n padding: 0 $page_padding 0 $page_padding;\r\n box-sizing: border-box;\r\n // overflow-y: scroll;\r\n height: 50rem;\r\n // height: fit-content;\r\n\r\n .comp_tag { \r\n margin: auto;\r\n margin-top: 1.5rem;\r\n margin-bottom: 0;\r\n }\r\n\r\n .check_option {\r\n display: flex;\r\n flex-shrink: 1;\r\n flex-grow: 0;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n gap: 0.8rem;\r\n height: fit-content;\r\n top: 0;\r\n margin-top: 0;\r\n \r\n\r\n \r\n .check_list_container {\r\n display: flex;\r\n position: relative;\r\n width: 100%;\r\n flex-shrink: 1;\r\n flex-grow: 1;\r\n padding: 1rem;\r\n box-sizing: border-box;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0.5rem;\r\n\r\n \r\n border-radius: 0.3125rem;\r\n background: $skyblue;\r\n\r\n flex-grow: 0;\r\n \r\n .top {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n \r\n .helmet_img {\r\n width: 1.75rem;\r\n height: 1.75rem;\r\n }\r\n .title {\r\n @include font_large($black);\r\n }\r\n }\r\n \r\n .bottom {\r\n @include font_default(#737C86);\r\n text-align: left;\r\n }\r\n }\r\n }\r\n\r\n .btn_box {\r\n display: flex;\r\n flex-grow: 0;\r\n justify-content: flex-end;\r\n align-items: center;\r\n column-gap: 1rem;\r\n .toggle-button {\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n .comp_btn{\r\n position: fixed;\r\n height: 5rem;\r\n padding: 0.5rem $page_padding 0 $page_padding;\r\n box-sizing: border-box;\r\n background-color: white;\r\n left: 0;\r\n bottom: 0;\r\n width: 100vw;\r\n \r\n button {\r\n position: relative;\r\n @include btn_filled($font_gray, \"fill\");\r\n \r\n &.pressed {\r\n @include btn_filled($yellow);\r\n @include font_bold($black);\r\n }\r\n }\r\n \r\n .btn_txt {\r\n @include font_bold(#949BA4);\r\n }\r\n }\r\n}\r\n\r\n\r\n//riding 페이지에 대한 style을 여기에 추가해 주세요\r\n.page_riding{\r\n text-align: center;\r\n padding: 0 $page_padding 0 $page_padding;\r\n\r\n\r\n .mid_nav {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n\r\n .title {\r\n @include font_huge($black);\r\n margin-top: 6.12rem;\r\n }\r\n\r\n .timer_container {\r\n margin-top: 2.5rem;\r\n width: 20.4375rem;\r\n height: 7.3125rem;\r\n flex-shrink: 0;\r\n\r\n border-radius: 0.3125rem;\r\n background: #EFF5F9;\r\n width: 100%;\r\n \r\n .timer_title {\r\n margin-top: 1.31rem;\r\n @include font_default(#737C86);\r\n }\r\n \r\n .timer {\r\n margin-top: 0.62rem;\r\n @include font_huge($black);\r\n }\r\n }\r\n\r\n .mid_dscrpt {\r\n margin-top: 3rem;\r\n margin-bottom: 15.31rem;\r\n @include font_default($black);\r\n }\r\n\r\n .sect_btn {\r\n @include btn_filled($red);\r\n }\r\n }\r\n .comp_btn{\r\n position: fixed;\r\n height: 5rem;\r\n padding: 0.5rem $page_padding 0 $page_padding;\r\n box-sizing: border-box;\r\n background-color: white;\r\n left: 0;\r\n bottom: 0;\r\n width: 100vw;\r\n \r\n button {\r\n position: relative;\r\n @include btn_filled($font_gray, \"fill\");\r\n \r\n &.pressed {\r\n @include btn_filled($red);\r\n @include font_bold(#EFF5F9);\r\n }\r\n }\r\n \r\n .btn_txt {\r\n @include font_bold(#949BA4);\r\n }\r\n }\r\n}\r\n\r\n\r\n.comp_nav{\r\n position: fixed;\r\n width: 100vw;\r\n height: 3rem;\r\n background-color: white;\r\n @include font_bold($black);\r\n line-height: 3rem;\r\n top: 0;\r\n left: 0;\r\n z-index: 1000;\r\n\r\n .icon_container{\r\n position: absolute;\r\n right: 1rem;\r\n top: 0;\r\n width: 1rem;\r\n height: 1rem;\r\n cursor: pointer;\r\n img{\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n \r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: 1rem;\r\n .logo_title {\r\n margin-left: 0.5rem;\r\n }\r\n }\r\n}\r\n\r\n\r\n// .comp_btn{\r\n// position: fixed;\r\n// height: 5rem;\r\n// padding: 0.5rem $page_padding 0 $page_padding;\r\n// box-sizing: border-box;\r\n// background-color: white;\r\n// left: 0;\r\n// bottom: 0;\r\n// width: 100vw;\r\n\r\n// button {\r\n// position: relative;\r\n// @include btn_filled($font_gray, \"fill\");\r\n\r\n// &.pressed {\r\n// @include btn_filled($yellow);\r\n// @include font_bold($black);\r\n// }\r\n// }\r\n\r\n// .btn_txt {\r\n// @include font_bold(#949BA4);\r\n// }\r\n// }"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/build/static/js/main.a79a7532.js b/build/static/js/main.504ee4e3.js similarity index 97% rename from build/static/js/main.a79a7532.js rename to build/static/js/main.504ee4e3.js index 741fba2..abedc5b 100644 --- a/build/static/js/main.a79a7532.js +++ b/build/static/js/main.504ee4e3.js @@ -1,3 +1,3 @@ -/*! For license information please see main.a79a7532.js.LICENSE.txt */ -(()=>{"use strict";var e={772:(e,t,n)=>{var r=n(867),o=n(882);function i(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n