roll sim mobile breakpoint abilities in line

This commit is contained in:
Sendou
2019-07-27 17:31:35 +03:00
parent cd4ae90468
commit b2070fce5c
9 changed files with 17 additions and 15 deletions

View File

@@ -1,13 +1,13 @@
{
"files": {
"main.js": "/static/js/main.964e5543.chunk.js",
"main.js.map": "/static/js/main.964e5543.chunk.js.map",
"main.js": "/static/js/main.6dd5baf8.chunk.js",
"main.js.map": "/static/js/main.6dd5baf8.chunk.js.map",
"runtime~main.js": "/static/js/runtime~main.a8a9905a.js",
"runtime~main.js.map": "/static/js/runtime~main.a8a9905a.js.map",
"static/js/2.96d5d462.chunk.js": "/static/js/2.96d5d462.chunk.js",
"static/js/2.96d5d462.chunk.js.map": "/static/js/2.96d5d462.chunk.js.map",
"index.html": "/index.html",
"precache-manifest.da9530b33b458b50b463fbbfeea3ee5f.js": "/precache-manifest.da9530b33b458b50b463fbbfeea3ee5f.js",
"precache-manifest.bb83e488d64f1a78b6fc8ba55b43c49d.js": "/precache-manifest.bb83e488d64f1a78b6fc8ba55b43c49d.js",
"service-worker.js": "/service-worker.js",
"static/media/academy-sz.png": "/static/media/academy-sz.d3862485.png",
"static/media/ancho-v_games.png": "/static/media/ancho-v_games.07d5d0f6.png",

View File

@@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="shortcut icon" href="/favicon.ico"/><link rel="stylesheet" href="//cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><link rel="manifest" href="/manifest.json"/><title>sendou.ink</title></head><body style="background-color:#f2f7fd"><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(l){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],f=0,i=[];f<n.length;f++)t=n[f],p[t]&&i.push(p[t][0]),p[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(l[r]=o[r]);for(s&&s(e);i.length;)i.shift()();return c.push.apply(c,u||[]),a()}function a(){for(var e,r=0;r<c.length;r++){for(var t=c[r],n=!0,o=1;o<t.length;o++){var u=t[o];0!==p[u]&&(n=!1)}n&&(c.splice(r--,1),e=f(f.s=t[0]))}return e}var t={},p={1:0},c=[];function f(e){if(t[e])return t[e].exports;var r=t[e]={i:e,l:!1,exports:{}};return l[e].call(r.exports,r,r.exports,f),r.l=!0,r.exports}f.m=l,f.c=t,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(r,e){if(1&e&&(r=f(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var n in r)f.d(t,n,function(e){return r[e]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p="/";var r=window.webpackJsonp=window.webpackJsonp||[],n=r.push.bind(r);r.push=e,r=r.slice();for(var o=0;o<r.length;o++)e(r[o]);var s=n;a()}([])</script><script src="/static/js/2.96d5d462.chunk.js"></script><script src="/static/js/main.964e5543.chunk.js"></script></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="shortcut icon" href="/favicon.ico"/><link rel="stylesheet" href="//cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><link rel="manifest" href="/manifest.json"/><title>sendou.ink</title></head><body style="background-color:#f2f7fd"><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(l){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],f=0,i=[];f<n.length;f++)t=n[f],p[t]&&i.push(p[t][0]),p[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(l[r]=o[r]);for(s&&s(e);i.length;)i.shift()();return c.push.apply(c,u||[]),a()}function a(){for(var e,r=0;r<c.length;r++){for(var t=c[r],n=!0,o=1;o<t.length;o++){var u=t[o];0!==p[u]&&(n=!1)}n&&(c.splice(r--,1),e=f(f.s=t[0]))}return e}var t={},p={1:0},c=[];function f(e){if(t[e])return t[e].exports;var r=t[e]={i:e,l:!1,exports:{}};return l[e].call(r.exports,r,r.exports,f),r.l=!0,r.exports}f.m=l,f.c=t,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(r,e){if(1&e&&(r=f(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var n in r)f.d(t,n,function(e){return r[e]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p="/";var r=window.webpackJsonp=window.webpackJsonp||[],n=r.push.bind(r);r.push=e,r=r.slice();for(var o=0;o<r.length;o++)e(r[o]);var s=n;a()}([])</script><script src="/static/js/2.96d5d462.chunk.js"></script><script src="/static/js/main.6dd5baf8.chunk.js"></script></body></html>

View File

@@ -1,6 +1,6 @@
self.__precacheManifest = (self.__precacheManifest || []).concat([
{
"revision": "06d43bfe31dfc4c9d585a218b70c7f76",
"revision": "10d258b04ca13fdbbd24558f8558bbd1",
"url": "/index.html"
},
{
@@ -8,8 +8,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
"url": "/static/js/2.96d5d462.chunk.js"
},
{
"revision": "8276d4a5763757faa32e",
"url": "/static/js/main.964e5543.chunk.js"
"revision": "15dc9afced1627e62017",
"url": "/static/js/main.6dd5baf8.chunk.js"
},
{
"revision": "42ac5946195a7306e2a5",

View File

@@ -14,7 +14,7 @@
importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.0/workbox-sw.js");
importScripts(
"/precache-manifest.da9530b33b458b50b463fbbfeea3ee5f.js"
"/precache-manifest.bb83e488d64f1a78b6fc8ba55b43c49d.js"
);
self.addEventListener('message', (event) => {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,7 +1,8 @@
import React, { useState, useEffect } from 'react'
import React, { useState } from 'react'
import { Grid } from 'semantic-ui-react'
import { clothingGear, shoesGear, headGear, choose } from '../../utils/lists'
import Sound from 'react-sound'
import useWindowDimensions from '../hooks/useWindowDimensions'
import BDU from '../img/abilityIcons/BDU.png'
import BRU from '../img/abilityIcons/BRU.png'
@@ -48,6 +49,7 @@ const RollSim = () => {
const [shoesMain] = useState(choose(shoeAbilities))
const [shoesSubs, setShoesSubs] = useState([choose(subAbilities), choose(subAbilities), choose(subAbilities)])
const [rolling, setRolling] = useState(false)
const { containerWidth } = useWindowDimensions()
const [audio, setAudio] = useState(Sound.status.STOPPED)
const [nice, setNice] = useState(Sound.status.STOPPED)
@@ -106,7 +108,7 @@ const RollSim = () => {
<Sound url={reroll} playStatus={audio} loop={true} volume={10} />
<Sound url={booyah} playStatus={nice} volume={10} onFinishedPlaying={() => setNice(Sound.status.STOPPED)} />
<Grid columns='equal' stackable>
<Grid.Column textAlign="left">
<Grid.Column textAlign={containerWidth < 768 ? null : "left"}>
<div style={{'float': 'none', 'whiteSpace': 'nowrap'}}>
<img src={`https://raw.githubusercontent.com/Leanny/leanny.github.io/master/splat2/gear/${headLink}.png`} style={gearStyle} alt="" />
<img src={headMain} style={mainAbilityStyle} alt=""/>
@@ -115,7 +117,7 @@ const RollSim = () => {
<img src={headSubs[2]} style={subAbilityStyle} onClick={() => roll(setHeadSubs)} alt="" />
</div>
</Grid.Column>
<Grid.Column textAlign="center">
<Grid.Column textAlign={containerWidth < 768 ? null : "center"}>
<div style={{'float': 'none', 'whiteSpace': 'nowrap'}}>
<img src={`https://raw.githubusercontent.com/Leanny/leanny.github.io/master/splat2/gear/${clothingLink}.png`} style={gearStyle} alt="" />
<img src={clothingMain} style={mainAbilityStyle} alt="" />
@@ -124,7 +126,7 @@ const RollSim = () => {
<img src={clothingSubs[2]} style={subAbilityStyle} alt="" onClick={() => roll(setClothingSubs)} />
</div>
</Grid.Column>
<Grid.Column textAlign="right">
<Grid.Column textAlign={containerWidth < 768 ? null : "right"}>
<div style={{'float': 'none', 'whiteSpace': 'nowrap'}}>
<img src={`https://raw.githubusercontent.com/Leanny/leanny.github.io/master/splat2/gear/${shoesLink}.png`} style={gearStyle} alt="" />
<img src={shoesMain} style={mainAbilityStyle} alt=""/>