In your command-line run the following commands:
brew doctor
brew update
import React, { Component } from 'react' | |
import { | |
BrowserRouter as Router, | |
Route | |
} from 'react-router-dom' | |
import Auth from './Auth' | |
/* here mobx stuff */ | |
class App extends Component { |
In your command-line run the following commands:
brew doctor
brew update
//https://gist.github.com/kethinov/6658166 | |
var AWS = require('aws-sdk'), | |
fs = require('fs'), | |
path = require('path'); | |
// For dev purposes only | |
AWS.config.update({accessKeyId: '.', secretAccessKey: '..'}); |
import { LinkProps, Link as MuiLink } from '@mui/material' | |
import NextLink from 'next/link' | |
export default function Link(props: LinkProps<'a'>) { | |
return <MuiLink component={NextLink} {...props} /> | |
} |
name: Continuous deploy | |
on: | |
push: | |
branches: [master] | |
jobs: | |
serverless-deploy: | |
runs-on: ubuntu-latest |
There is a bug in Safari when using border-radius
and overflow: hidden
. Especially when applying transform
to a child.
In this case, overflow: hidden
does not always work. The child ignores the border radius and overflows.
It's a very old bug. And sadly it seems that it will never be fixed. Anyway, we can't wait for it.
There are some workaround. We need to place the element with the overflow attribute into a stacking context.
I've tested the following workarounds on the latest version of iOS (14.4).
You can choose what you want. But you should search the web for the particular attribute. (e.g. will-change
should be rarely used. See docs)
Use this on the element with overflow: hidden
and border-radius
:
Although @setup/node as a built-in cache option, it lacks an opportunity regarding cache persistence. Depending on usage, the action below might give you faster installs and potentially reduce carbon emissions (♻️🌳❤️).
pnpm v7 or v8 (not using pnpm ? see the corresponding yarn action gist)