3dtours/make-comics
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tailwind fixes

Browse Source
This commit is contained in:
Riccardo Giorato
2025-12-23 12:41:11 +01:00
parent 55144e38d3
commit 9f18c083ab
3 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/landing/navbar.tsx
+3 -3
View File
@@ -32,7 +32,7 @@ export function Navbar() {
<div className="flex items-center gap-2 sm:gap-3">
<button
onClick={() => setShowApiModal(true)}
className="flex items-center gap-1.5 sm:gap-2 px-2 sm:px-3 py-1.5 rounded glass-panel glass-panel-hover transition-all text-xs rounded-md"
className="flex items-center gap-1.5 sm:gap-2 px-2 sm:px-3 py-1.5 glass-panel glass-panel-hover transition-all text-xs rounded-md"
>
<Key className="w-3.5 h-3.5 sm:w-4 sm:h-4" />
<span className="text-muted-foreground text-xs sm:text-sm hidden sm:inline tracking-tight">
@@ -44,7 +44,7 @@ export function Navbar() {
href="https://github.com/nutlope/make-comics"
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-1.5 sm:gap-2 px-2 sm:px-3 py-1.5 rounded glass-panel glass-panel-hover transition-all text-xs rounded-md"
className="flex items-center gap-1.5 sm:gap-2 px-2 sm:px-3 py-1.5 glass-panel glass-panel-hover transition-all text-xs rounded-md"
>
<Github className="w-3.5 h-3.5 sm:w-4 sm:h-4" />
<span className="text-muted-foreground text-xs sm:text-sm hidden sm:inline">
@@ -54,7 +54,7 @@ export function Navbar() {
<Link
href="/signup"
className="flex items-center gap-2 px-2.5 sm:px-3 py-1.5 rounded glass-panel glass-panel-hover transition-all text-xs rounded-md"
className="flex items-center gap-2 px-2.5 sm:px-3 py-1.5 glass-panel glass-panel-hover transition-all text-xs rounded-md"
>
<span className="text-foreground text-xs sm:text-sm tracking-[-0.01em] font-normal">
Sign up
components/landing/story-input.tsx
+5 -5
View File
@@ -149,8 +149,8 @@ export function StoryInput({
)}
</div>
<div className="flex items-center gap-2 flex-shrink-0 w-full sm:w-auto justify-start sm:justify-end">
<div className="relative dropdown-container z-[60]">
<div className="flex items-center gap-2 shrink-0 w-full sm:w-auto justify-start sm:justify-end">
<div className="relative dropdown-container z-60">
<button
onClick={() => {
setShowStyleDropdown(!showStyleDropdown);
@@ -213,14 +213,14 @@ export function StoryInput({
{showPreview !== null && previews[showPreview] && (
<div
className="fixed inset-0 bg-black/80 backdrop-blur-sm z-[100] flex items-center justify-center p-4"
className="fixed inset-0 bg-black/80 backdrop-blur-sm z-100 flex items-center justify-center p-4"
onClick={() => setShowPreview(null)}
>
<div className="relative max-w-2xl max-h-[80vh] glass-panel p-4 rounded-xl z-[101]">
<div className="relative max-w-2xl max-h-[80vh] glass-panel p-4 rounded-xl z-101">
<Button
variant="ghost"
size="icon"
className="absolute top-2 right-2 h-8 w-8 hover:bg-white/10 z-[102]"
className="absolute top-2 right-2 h-8 w-8 hover:bg-white/10 z-102"
onClick={() => setShowPreview(null)}
>
<X className="w-4 h-4" />