git.iko.soy/urbit.org
on master help sign in
polish rnd 2
commitf34a1b8a9953644cadde586d8235dd867af58e8a authorGavin Atkinson <gvnatknsn@protonmail.com> dateMon 9 Aug 2021, 17:41 (5 years ago) parentbcf66a2
4 files changed+13−9
compare with master
unifiedsplit
components/Header.js+1−1 components/Section.js+2−2 pages/index.js+3−3 styles/globals.css+7−3
components/Header.js+1−1
@@ -48,7 +48,7 @@ export default function Header(props) {
4848 }, []);
4949
5050 return (
51− <header className="w-full px-4 md:px-8 md:w-10/12 flex flex-row justify-between items-center pt-8 md:pt-10 lg:pt-12 pb-10 md:pb-12 lg:pb-24">
51+ <header className="layout px-4 md:px-8 flex justify-between items-center pt-8 md:pt-10 lg:pt-12 pb-10 md:pb-12 lg:pb-24">
5252 <div>
5353 <Link href="/">
5454 <a className="type-ui">Urbit</a>
components/Section.js+2−2
@@ -10,8 +10,8 @@ export default function Section({
1010 const spacing = classnames({
1111 "py-4 md:py-6 lg:py-8": short,
1212 "py-8 md:py-10 lg:py-20": !short,
13− "md:w-6/12": narrow,
14− "md:w-8/12": !narrow,
13+ "layout-narrow": narrow,
14+ layout: !narrow,
1515 });
1616 return (
1717 <section className={`w-full px-4 md:px-8 ${spacing} ${className}`}>
pages/index.js+3−3
@@ -105,21 +105,21 @@ export default function Home({ posts, events, openGrantsCount, search }) {
105105 </a>
106106 </Link>
107107 </div>
108− <div className="flex flex-col md:flex-row w-full items-center bg-washedGreen px-8 py-8 rounded-xl">
108+ <div className="flex flex-col md:flex-row w-full items-center md:items-start bg-washedGreen px-8 py-8 rounded-xl">
109109 <div className="flex items-center flex-col p-4 w-full">
110110 <h2 className="text-green">200+</h2>
111111 <h4 className="text-green text-center pt-2">
112112 Urbit stars awarded
113113 </h4>
114114 </div>
115− <div className="h-0 w-0 md:h-24 md:w-4 bg-lightGreen" />
115+ <div className="h-0 w-0 md:h-24 md:w-4 bg-lightGreen self-center" />
116116 <div className="flex items-center flex-col p-4 w-full">
117117 <h2 className="text-green">400+</h2>
118118 <h4 className="text-green text-center pt-2">
119119 Different Contributors
120120 </h4>
121121 </div>
122− <div className="h-0 w-0 md:h-24 md:w-4 bg-lightGreen" />
122+ <div className="h-0 w-0 md:h-24 md:w-4 bg-lightGreen self-center" />
123123 <div className="flex items-center flex-col p-4 w-full">
124124 <h2 className="text-green">45+</h2>
125125 <h4 className="text-green text-center pt-2">Active Projects</h4>
styles/globals.css+7−3
@@ -74,9 +74,13 @@ code .type-code {
7474
7575/* Utils */
7676
77−/* .tile-height {
78− height: 32rem;
79−} */
77+.layout-narrow {
78+ @apply w-full md:w-8/12 lg:w-6/12;
79+}
80+
81+.layout {
82+ @apply w-full md:w-10/12 lg:w-8/12;
83+}
8084
8185.measure {
8286 max-width: 34em;