Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

button lift and text shadow #80

Merged
merged 2 commits into from
Aug 21, 2021
Merged

button lift and text shadow #80

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
2763778
button lift and text shadow
tof-tof Aug 19, 2021
31201b3
fixing thank-you.js lint
tof-tof Aug 19, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 4 additions & 3 deletions components/HygieneKitsCard.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,9 +25,10 @@ function HygieneKitsCard() {
{'96 Hygiene Kits for $153'}
</a>
</p>
<br />
<h3>{'Ship the kits to:'}</h3>
<p>{'1543 E Palmdale Blvd, Ste E, Palmdale, CA 93550'}</p>
<p className="shaded-text mt-3">
<h3>{'Ship the kits to:'}</h3>
<p>{'1543 E Palmdale Blvd, Ste E, Palmdale, CA 93550'}</p>
</p>
</div>
</div>
);
Expand Down
3 changes: 1 addition & 2 deletions components/LaptopForFamiliesCard.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,8 +13,7 @@ function LaptopForFamiliesCard() {
"Mail us your used or new laptop. We'll set up the donated laptops in our public computer room for the families to use for free. Some of the donated laptops will go to the families who don't have home computers, or who don't have enough computers for all their children to use."
}
</p>
<p>
<br />
<p className="shaded-text">
<h3>{'Ship the laptops to:'}</h3>
<p>{'1543 E Palmdale Blvd, Ste E, Palmdale, CA 93550'}</p>
</p>
Expand Down
3 changes: 2 additions & 1 deletion pages/_app.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import 'tailwindcss/tailwind.css';
// import 'tailwindcss/tailwind.css';
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
// import 'tailwindcss/tailwind.css';

import '../styles/global.css';
Copy link
Collaborator

@marekrozmus marekrozmus Aug 20, 2021 •
edited by pydanny
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please place local imports below the external modules like:

import PropTypes from 'prop-types';
import React from 'react';

import '../styles/global.css';

import PropTypes from 'prop-types';
import React from 'react';

Expand Down
15 changes: 13 additions & 2 deletions pages/thank-you.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,8 +49,19 @@ export default function Home() {
<h3 className="m-5 text-xl font-bold">{'Reach Out to Us'}</h3>
<p>
{'Follow Margarita Humanitarian Foundation for more updates: '}
<a className="link link-secondary" href="https://www.instagram.com/margaritahforg/">{'Instagram'}</a> {'and'}
<a className="link link-secondary" href="https://twitter.com/margaritahforg">{'Twitter'}</a>
<a
className="link link-secondary"
href="https://www.instagram.com/margaritahforg/"
>
{'Instagram'}
</a>{' '}
{'and'}
<a
className="link link-secondary"
href="https://twitter.com/margaritahforg"
>
{'Twitter'}
</a>
</p>
</div>
</div>
Expand Down
14 changes: 14 additions & 0 deletions styles/global.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
.btn {
@apply tracking-wider shadow-2xl transform transition hover:-translate-y-0.5;
}

.shaded-text{
@apply bg-black bg-opacity-10 py-2 rounded-lg;
}

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please remove empty line

}
1 change: 1 addition & 0 deletions tailwind.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ module.exports = {
content: [
'./pages/**/*.{js,ts,jsx,tsx}',
'./components/**/*.{js,ts,jsx,tsx}',
'./styles/**/*.{scss,css}',
],
options: {
safelist: [/data-theme$/],
Expand Down