You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3 lines
3.6 KiB
3 lines
3.6 KiB
(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap";:root{--main-color: #ffffff;--second-color: #e8e8e8;--background-color: #d2cdd3;--selected-team-primarycolor: #ffffff;--selected-team-secondarycolor: #000000;--player-allies-color: #64e4f5;--player-opponents-color: #f59264;--buttons-shadow-color: #a8a8a8;--selection-color: #3f7fc4;--border-color: #ffffff;--editor-court-selection-background: #5f8fee;--editor-court-selection-buttons: #acc4f3;--player-piece-ball-border-color: #000000;--text-main-font: "Roboto", sans-serif}#panel-root{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center}#panel-top{font-family:var(--text-main-font)}#panel-choices{width:100%;height:100%;display:flex;justify-content:center;align-items:center;align-content:center;background-color:var(--editor-court-selection-background)}#panel-buttons{width:75%;height:20%;display:flex;justify-content:space-evenly;align-items:stretch;align-content:center}.court-kind-button{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;cursor:pointer;transition:scale .5s ease-out;width:auto}.court-kind-button-bottom,.court-kind-button-top{border:solid;border-color:var(--border-color)}.court-kind-button-bottom{display:flex;justify-content:center;align-items:center;align-content:center;height:25%;width:100%;background-color:var(--editor-court-selection-buttons);border-radius:0 0 20px 20px;border-width:3px}.court-kind-button-top{height:30%;background-color:var(--main-color);border-radius:20px 20px 0 0;border-width:3px 3px 0 3px}.court-kind-button:hover{scale:1.1}.court-kind-button-top,.court-kind-button-image-div{overflow:hidden;display:flex;height:100%;width:100%;justify-content:center;align-items:center;align-content:center}.court-kind-button-image{height:100%;width:150px;user-select:none;-webkit-user-drag:none}.court-kind-button-image-div{height:100%;padding:0 10px;background-color:var(--second-color)}.court-kind-button-name,.court-kind-button-details{user-select:none;font-family:var(--text-main-font)}.court-kind-button-details{position:absolute;z-index:-1;top:0;transition:top 1s}.court-kind-button:hover .court-kind-button-details{top:-20px}')),document.head.appendChild(t)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
import{j as t}from"../../jsx-runtime-2e2d9038.js";import{C as l}from"../../full_court-1739e2e0.js";import{BASE as s}from"../Constants.ts-0288c91b.js";const o="/IQBall/public/half_court-eb16117a.svg";function m(){return t.jsxs("div",{id:"panel-root",children:[t.jsx("div",{id:"panel-top",children:t.jsx("p",{children:"Select a basket court"})}),t.jsx("div",{id:"panel-choices",children:t.jsxs("div",{id:"panel-buttons",children:[t.jsx(e,{name:"Plain",details:"Select a plain basketball court",image:l,redirect:"/tactic/new/plain"}),t.jsx(e,{name:"Half",details:"Select half a basketball court",image:o,redirect:"/tactic/new/half"})]})})]})}function e({name:i,image:a,details:n,redirect:c}){return t.jsxs("div",{className:"court-kind-button",onClick:()=>location.href=s+c,children:[t.jsx("div",{className:"court-kind-button-details",children:n}),t.jsx("div",{className:"court-kind-button-top",children:t.jsx("div",{className:"court-kind-button-image-div",children:t.jsx("img",{src:a,alt:i,className:"court-kind-button-image"})})}),t.jsx("div",{className:"court-kind-button-bottom",children:t.jsx("p",{className:"court-kind-button-name",children:i})})]})}export{m as default};
|