h3n3/cadhub
1
0
Fork 0
Code Issues 35 Pull Requests Packages Projects Releases Wiki Activity

Tweak heading to better match Figma designs #42

Merged
Irev-Dev merged 1 commits from pr39 into main 2020-10-27 19:47:33 +01:00
Conversation 3 Commits 1 Files Changed 6 +9 -6
6 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
web/src/assets/fonts/Roboto-Regular.ttf
View File

Binary file not shown.

BIN
web/src/assets/fonts/RopaSans-Regular.ttf
View File

Binary file not shown.

2
web/src/cascade

Submodule web/src/cascade updated: 62f961293d...e634591e27

3
web/src/index.css
View File

@@ -8,6 +8,9 @@
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
@import url('https://fonts.googleapis.com/css2?family=Ropa+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,500;1,700&display=swap')
/**
* END --- TAILWIND GENERATOR EDIT
*/

6
web/src/layouts/MainLayout/MainLayout.js
View File

@@ -22,9 +22,9 @@ const MainLayout = ({ children }) => {
</li>
<li>
<Tooltip title="Very alpha, there's lots of work todo" >
<div className="ml-8 flex">
<h2 className="text-indigo-200 text-4xl font-ropa-sans tracking-widest">CadHub</h2>
<div className="text-pink-500 pb-4 text-sm font-ropa-sans" >pre-alpha</div>
<div className="ml-12 flex">
<h2 className="text-indigo-300 text-5xl font-ropa-sans py-1 tracking-wider" style={{letterSpacing: '0.3em'}}>CadHub</h2>
<div className="text-pink-400 text-sm font-bold font-ropa-sans" style={{paddingBottom: '2rem', marginLeft: '-1.8rem'}}>pre-alpha</div>
</div>
</Tooltip>
</li>
Irev-Dev commented 2020-10-27 19:44:12 +01:00 (Migrated from github.com)
Review
Copy Link

Added a inline style tags. Because of how specific these styles are to this heading/logo and it doesn't need to be replicated else where as well as it's very precise with the placement of "pre-alpha" I think it's appropiate.

Added a inline style tags. Because of how specific these styles are to this heading/logo and it doesn't need to be replicated else where as well as it's very precise with the placement of "pre-alpha" I think it's appropiate.
yencolon commented 2020-10-27 21:50:56 +01:00 (Migrated from github.com)
Review
Copy Link

Nice job, I was confused about if I could used other way to style than tailwind

Nice job, I was confused about if I could used other way to style than tailwind
Irev-Dev commented 2020-10-27 21:52:41 +01:00 (Migrated from github.com)
Review
Copy Link

Sorry, I could have made that clearer.

Sorry, I could have made that clearer.

4
web/tailwind.config.js
View File

@@ -17,8 +17,8 @@ module.exports = {
'md': '28rem'
},
fontFamily: {
'ropa-sans': 'Ropa Sans',
'roboto': 'Roboto'
'ropa-sans': ['Ropa Sans', 'Arial', 'sans-serif'],
'roboto': ['Roboto', 'Arial', 'sans-serif'],
},
}
},