Fix membership splash cls

- Put their intrinsic sizes so the browser can pre-allocate space for them.
This commit is contained in:
infinite-persistence 2022-03-18 13:19:35 +08:00
parent 9482a7f986
commit 40bd160748
No known key found for this signature in database
GPG key ID: B9C3252EDC3D0AA0

View file

@ -60,10 +60,10 @@ export default function MembershipSplash(props: Props) {
return ( return (
<div className="membership-splash"> <div className="membership-splash">
<div className="membership-splash__banner"> <div className="membership-splash__banner">
<img src={AstronautAndFriends} /> <img width="1000" height="740" src={AstronautAndFriends} />
<section className="membership-splash__title"> <section className="membership-splash__title">
<section> <section>
<img src={OdyseePremium} /> <img width="1000" height="174" src={OdyseePremium} />
</section> </section>
<section> <section>
<I18nMessage <I18nMessage
@ -85,7 +85,7 @@ export default function MembershipSplash(props: Props) {
<div className="membership-splash__info"> <div className="membership-splash__info">
<section className="membership-splash__info-header"> <section className="membership-splash__info-header">
<div className="membership-splash__info-price"> <div className="membership-splash__info-price">
<img src={BadgePremium} /> <img width="500" height="500" src={BadgePremium} />
<section> <section>
<I18nMessage <I18nMessage
@ -118,7 +118,7 @@ export default function MembershipSplash(props: Props) {
<div className="membership-splash__info"> <div className="membership-splash__info">
<section className="membership-splash__info-header"> <section className="membership-splash__info-header">
<div className="membership-splash__info-price"> <div className="membership-splash__info-price">
<img src={BadgePremiumPlus} /> <img width="500" height="500" src={BadgePremiumPlus} />
<section> <section>
<I18nMessage <I18nMessage
tokens={{ tokens={{