Code-Fly/website
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cleaned up the styles for the logo

Browse Source 
It was annoying to figure out how to clean this up but I did it
This commit is contained in:
Puppet committed 2025-08-17 12:33:51 -07:00
1 parent 01672d8ee6
commit a599abef61
2 files changed
+7 -3
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/app/globals.css
+4
View File
@@ -19,3 +19,7 @@ h1, h2, h3, p {
.logo-container { .logo-container {
@apply fixed right-100 top-1/2 -translate-y-1/2; @apply fixed right-100 top-1/2 -translate-y-1/2;
} }
.logo-container div {
@apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2;
}
src/app/page.tsx
+3 -3
View File
@@ -15,9 +15,9 @@ export default function Home () {
</div> </div>
<div className='logo-container'> <div className='logo-container'>
<div className='absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-[#5331F8] w-100 h-100 rounded-2xl rotate-345'></div> <div className='bg-[#5331F8] w-100 h-100 rounded-2xl rotate-345'></div>
<div className='absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-[#ED46F8] w-100 h-100 rounded-2xl rotate-15'></div> <div className='bg-[#ED46F8] w-100 h-100 rounded-2xl rotate-15'></div>
<div className='absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-[#000000] w-70 h-70 rounded-2xl'> <div className='bg-[#000000] w-70 h-70 rounded-2xl'>
<h1 className='absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 !text-[#8937F8] text-5xl whitespace-nowrap'> <h1 className='absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 !text-[#8937F8] text-5xl whitespace-nowrap'>
Code Fly Code Fly
</h1> </h1>