romanjaros/portfolio
romanjaros/portfolio
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity

FIX;Smaller main title for mobile view

Browse source
This commit is contained in:
Roman Jaroš 2022-07-06 19:17:30 +02:00
parent ea6c4c5bea
commit 2903517235
4 changed files with 23 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/favicon.ico Executable file → Normal file
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

6
src/pages/index.tsx
View file

@ -6,10 +6,14 @@ import Services from "../components/Services";
import Contact from "../components/Contact"; import Contact from "../components/Contact";
import FullStory from "../components/FullStory"; import FullStory from "../components/FullStory";
import { NextSeo } from "next-seo"; import { NextSeo } from "next-seo";
import Head from "next/head";
const Home: NextPage = () => { const Home: NextPage = () => {
return ( return (
<> <>
<Head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</Head>
<NextSeo <NextSeo
title="Roman Developer" title="Roman Developer"
description="Primárně se zaměřuji na vývoj frontendů webových aplikací. Ale jsem schopný dělat vývoj i backedovžch částí webových aplikací." description="Primárně se zaměřuji na vývoj frontendů webových aplikací. Ale jsem schopný dělat vývoj i backedovžch částí webových aplikací."
@ -33,7 +37,7 @@ const Home: NextPage = () => {
<MyTitle <MyTitle
left="Roman" left="Roman"
right="Developer" right="Developer"
className="text-5xl lg:text-6xl justify-center" className="text-3xl lg:text-6xl justify-center"
/> />
</div> </div>
<AboutMe /> <AboutMe />

14
src/styles/plugins/sketeton.js Normal file
View file

@ -0,0 +1,14 @@
const title = () => ({
".page-main": {
".content": {
padding: 0,
margin: 0,
},
},
});
module.exports = ({ addComponents, theme }) => {
addComponents(title(theme));
};
module.exports.title = title;

5
src/styles/tailwind.config.js
View file

@ -20,5 +20,8 @@ module.exports = {
variants: { variants: {
extend: {}, extend: {},
}, },
plugins: [plugin(require("./plugins/mytitle"))], plugins: [
plugin(require("./plugins/mytitle")),
plugin(require("./plugins/sketeton")),
],
}; };