mirror of
https://github.com/pacnpal/thrillwiki_django_no_react.git
synced 2025-12-20 09:31:09 -05:00
Improve icon sizes for better visual consistency across devices
Update Tailwind CSS with new height and width utilities for icons and adjust icon sizes in the enhanced header component for improved responsiveness. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 9ac4060c-9ba6-40b4-b325-c945a385dd39 Replit-Commit-Checkpoint-Type: intermediate_checkpoint
This commit is contained in:
@@ -716,6 +716,9 @@
|
||||
.h-6 {
|
||||
height: calc(var(--spacing) * 6);
|
||||
}
|
||||
.h-7 {
|
||||
height: calc(var(--spacing) * 7);
|
||||
}
|
||||
.h-8 {
|
||||
height: calc(var(--spacing) * 8);
|
||||
}
|
||||
@@ -815,6 +818,9 @@
|
||||
.w-6 {
|
||||
width: calc(var(--spacing) * 6);
|
||||
}
|
||||
.w-7 {
|
||||
width: calc(var(--spacing) * 7);
|
||||
}
|
||||
.w-8 {
|
||||
width: calc(var(--spacing) * 8);
|
||||
}
|
||||
@@ -3280,6 +3286,11 @@
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.md\:h-7 {
|
||||
@media (width >= 48rem) {
|
||||
height: calc(var(--spacing) * 7);
|
||||
}
|
||||
}
|
||||
.md\:h-\[140px\] {
|
||||
@media (width >= 48rem) {
|
||||
height: 140px;
|
||||
@@ -3290,6 +3301,11 @@
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.md\:w-7 {
|
||||
@media (width >= 48rem) {
|
||||
width: calc(var(--spacing) * 7);
|
||||
}
|
||||
}
|
||||
.md\:w-48 {
|
||||
@media (width >= 48rem) {
|
||||
width: calc(var(--spacing) * 48);
|
||||
|
||||
Reference in New Issue
Block a user