This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| window.matchMedia( "(min-width: 1366px)" ).matches |
newdecline
/ gist:e942b4f30ee422fac617b5479732aaa2
Last active
October 30, 2019 07:47
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| if (process.browser && window.innerWidth >= 1366) { | |
| _slidesToShow = 3; | |
| } else if (process.browser && window.innerWidth >= 1024) { | |
| _slidesToShow = 2; | |
| } else if (process.browser && window.innerWidth >= 320) { | |
| _slidesToShow = 1; | |
| } | |
| events.length !== 0 && <div | |
| className={events.length <= _slidesToShow |
newdecline
/ gist:8d3dfa4639dc86c69613a1bb1012e524
Last active
October 21, 2019 06:19
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| export const fetchApi = async (url, init = {}) => { | |
| const result = await fetch(`${baseUrl}${url}`,{...init}); | |
| if (!result.ok) { | |
| throw new Error(`Ошибка при запросе ${url}, код ${result.status}`); | |
| } | |
| return await result.json(); | |
| }; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="tab-wrapper"> | |
| <div class="tabs-header"> | |
| <div class="tab-header tab-header_show">Header 1</div> | |
| <!-- /.tab-header --> | |
| <div class="tab-header">Header 2</div> | |
| <!-- /.tab-header --> | |
| <div class="tab-header">Header 3</div> | |
| <!-- /.tab-header --> | |
| </div> | |
| <!-- /.tabs-header --> |