Skip to content

Commit fc7a11f

Browse files
committed
style: Back to Apps
1 parent c7a7330 commit fc7a11f

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

54 files changed

+122
-259
lines changed

src/components/AnimatedRoutes.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ import RockPaperScissorsPage from '../pages/apps/RockPaperScissorsPage'; // Impo
5151
import TicTacToePage from '../pages/apps/TicTacToePage'; // Import TicTacToePage
5252
import ConnectFourPage from '../pages/apps/ConnectFourPage'; // Import ConnectFourPage
5353
import ImageCompressorPage from '../pages/apps/ImageCompressorPage'; // Import ImageCompressorPage
54-
import StopwatchAppPage from '../pages/StopwatchAppPage'; // Import StopwatchAppPage
54+
import StopwatchAppPage from '../pages/apps/StopwatchAppPage'; // Import StopwatchAppPage
5555
import PomodoroTimerPage from '../pages/apps/PomodoroTimerPage';
5656
import MorseCodeTranslatorPage from '../pages/apps/MorseCodeTranslatorPage';
5757
import MastermindPage from '../pages/apps/MastermindPage';

src/pages/apps/AsciiConverterPage.js

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -125,13 +125,10 @@ function AsciiConverterPage() {
125125
return (
126126
<div className="py-16 sm:py-24">
127127
<div className="mx-auto max-w-7xl px-6 lg:px-8 text-gray-300">
128-
<Link
129-
to="/apps"
130-
className="text-article hover:underline flex items-center justify-center gap-2 text-lg mb-4"
131-
>
132-
<ArrowLeftIcon size={24} /> Back to Apps
128+
<Link to="/apps" className="group text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4" >
129+
<ArrowLeftIcon className="text-xl transition-transform group-hover:-translate-x-1" /> Back to Apps
133130
</Link>
134-
<BreadcrumbTitle title="ASCII Converter" slug="ascii" />
131+
<BreadcrumbTitle title="ASCII Converter" slug="ascii" />
135132
<hr className="border-gray-700" />
136133
<div className="flex justify-center items-center mt-16">
137134
<div className="group border rounded-lg shadow-2xl p-6 flex flex-col justify-between relative transform transition-all duration-300 ease-in-out scale-105 overflow-hidden h-full w-full max-w-4xl bg-app-alpha-10 hover:bg-app/15 text-app border-app">

src/pages/apps/BananaConverterPage.js

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -104,11 +104,8 @@ const BananaConverterPage = () => {
104104
return (
105105
<div className="py-16 sm:py-24">
106106
<div className="mx-auto max-w-7xl px-6 lg:px-8 text-gray-300">
107-
<Link
108-
to="/apps"
109-
className="text-article hover:underline flex items-center justify-center gap-2 text-lg mb-4"
110-
>
111-
<ArrowLeftIcon size={24}/> Back to Apps
107+
<Link to="/apps" className="group text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4" >
108+
<ArrowLeftIcon className="text-xl transition-transform group-hover:-translate-x-1" /> Back to Apps
112109
</Link>
113110
<BreadcrumbTitle title="Banana Converter" slug="banana" />
114111
<hr className="border-gray-700"/>

src/pages/apps/Base64ConverterPage.js

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -76,11 +76,8 @@ function Base64ConverterPage() {
7676
return (
7777
<div className="py-16 sm:py-24">
7878
<div className="mx-auto max-w-7xl px-6 lg:px-8 text-gray-300">
79-
<Link
80-
to="/apps"
81-
className="text-article hover:underline flex items-center justify-center gap-2 text-lg mb-4"
82-
>
83-
<ArrowLeftIcon size={24} /> Back to Apps
79+
<Link to="/apps" className="group text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4" >
80+
<ArrowLeftIcon className="text-xl transition-transform group-hover:-translate-x-1" /> Back to Apps
8481
</Link>
8582
<BreadcrumbTitle title="Base64 Converter" slug="b64" />
8683
<hr className="border-gray-700" />

src/pages/apps/BpmGuesserPage.js

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -70,11 +70,8 @@ const BpmGuesserPage = () => {
7070
return (
7171
<div className="py-16 sm:py-24">
7272
<div className="mx-auto max-w-7xl px-6 lg:px-8 text-gray-300">
73-
<Link
74-
to="/apps"
75-
className="text-article hover:underline flex items-center justify-center gap-2 text-lg mb-4"
76-
>
77-
<ArrowLeftIcon size={24}/> Back to Apps
73+
<Link to="/apps" className="group text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4" >
74+
<ArrowLeftIcon className="text-xl transition-transform group-hover:-translate-x-1" /> Back to Apps
7875
</Link>
7976
<BreadcrumbTitle title="BPM Guesser" slug="bpm" />
8077
<hr className="border-gray-700"/>

src/pages/apps/BubbleWrapPage.js

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -75,11 +75,8 @@ const BubbleWrapPage = () => {
7575
return (
7676
<div className="py-16 sm:py-24">
7777
<div className="mx-auto max-w-7xl px-6 lg:px-8 text-gray-300">
78-
<Link
79-
to="/apps"
80-
className="text-article hover:underline flex items-center justify-center gap-2 text-lg mb-4"
81-
>
82-
<ArrowLeftIcon size={24}/> Back to Apps
78+
<Link to="/apps" className="group text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4" >
79+
<ArrowLeftIcon className="text-xl transition-transform group-hover:-translate-x-1" /> Back to Apps
8380
</Link>
8481
<BreadcrumbTitle title="Bubble Wrap" slug="pop" />
8582
<hr className="border-gray-700"/>

src/pages/apps/CardGamePage.js

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -176,11 +176,8 @@ const CardGamePage = () => {
176176
return (
177177
<div className="py-16 sm:py-24">
178178
<div className="mx-auto max-w-7xl px-6 lg:px-8 text-gray-300">
179-
<Link
180-
to="/apps"
181-
className="text-article hover:underline flex items-center justify-center gap-2 text-lg mb-4"
182-
>
183-
<ArrowLeftIcon size={24} /> Back to Apps
179+
<Link to="/apps" className="group text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4" >
180+
<ArrowLeftIcon className="text-xl transition-transform group-hover:-translate-x-1" /> Back to Apps
184181
</Link>
185182
<BreadcrumbTitle title="Higher or Lower" slug="card" />
186183
<hr className="border-gray-700" />

src/pages/apps/CaseConverterPage.js

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -75,11 +75,8 @@ function CaseConverterPage() {
7575
return (
7676
<div className="py-16 sm:py-24">
7777
<div className="mx-auto max-w-7xl px-6 lg:px-8 text-gray-300">
78-
<Link
79-
to="/apps"
80-
className="text-article hover:underline flex items-center justify-center gap-2 text-lg mb-4"
81-
>
82-
<ArrowLeftIcon size={24} /> Back to Apps
78+
<Link to="/apps" className="group text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4" >
79+
<ArrowLeftIcon className="text-xl transition-transform group-hover:-translate-x-1" /> Back to Apps
8380
</Link>
8481
<BreadcrumbTitle title="Case Converter" slug="cc" />
8582
<hr className="border-gray-700" />

src/pages/apps/CodenameGeneratorPage.js

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -282,11 +282,8 @@ const CodenameGeneratorPage = () => {
282282
return (
283283
<div className="py-16 sm:py-24">
284284
<div className="mx-auto max-w-7xl px-6 lg:px-8 text-gray-300">
285-
<Link
286-
to="/apps"
287-
className="text-article hover:underline flex items-center justify-center gap-2 text-lg mb-4"
288-
>
289-
<ArrowLeftIcon size={24} /> Back to Apps
285+
<Link to="/apps" className="group text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4" >
286+
<ArrowLeftIcon className="text-xl transition-transform group-hover:-translate-x-1" /> Back to Apps
290287
</Link>
291288
<BreadcrumbTitle title="Codename Generator" slug="cg" />
292289
<hr className="border-gray-700" />

src/pages/apps/ColorContrastCheckerPage.js

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -103,11 +103,8 @@ const ColorContrastCheckerPage = () => {
103103
return (
104104
<div className="py-16 sm:py-24">
105105
<div className="mx-auto max-w-7xl px-6 lg:px-8 text-gray-300">
106-
<Link
107-
to="/apps"
108-
className="text-article hover:underline flex items-center justify-center gap-2 text-lg mb-4"
109-
>
110-
<ArrowLeftIcon size={24} /> Back to Apps
106+
<Link to="/apps" className="group text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4" >
107+
<ArrowLeftIcon className="text-xl transition-transform group-hover:-translate-x-1" /> Back to Apps
111108
</Link>
112109
<BreadcrumbTitle title="Color Contrast Checker" slug="ccc" />
113110
<hr className="border-gray-700" />

0 commit comments

Comments
 (0)