Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Design: More Space and Visual Hierarchy #4068

Merged
merged 6 commits into from
Oct 31, 2024
Merged

Design: More Space and Visual Hierarchy #4068

merged 6 commits into from
Oct 31, 2024

Commits on Oct 31, 2024

  1. Apply tailwind shadow to .box class 

    Makes .box elements appear raised above the background.
Only works in light mode!
    @TimKochDev
    TimKochDev committed Oct 31, 2024
    Configuration menu
    Copy the full SHA
    fca1815 View commit details
    Browse the repository at this point in the history

  2. Fix inconsistent navbar padding 

    "Coolify" had pl-3 while the SwitchTeam element and the menu items below had px-2
    @TimKochDev
    TimKochDev committed Oct 31, 2024
    Configuration menu
    Copy the full SHA
    a35e2f4 View commit details
    Browse the repository at this point in the history

  3. Give more space to navbar 

    Especially in full width and mobile view, the navbar looked cramped
because there was very little padding to the left end of the screen.
This commit adds horizontal padding to the navbar
and increases its width from 48 to 56 tailwind units.
    @TimKochDev
    TimKochDev committed Oct 31, 2024
    Configuration menu
    Copy the full SHA
    f073d01 View commit details
    Browse the repository at this point in the history

  4. Make h1 text size even larger 

    This is to make it even easier to visually distringuish between h1 and other heading elements.
For example, on pages with a h1 heading and multiple section headings,
this makes it easier to understand the structure of the page subconciously.
    @TimKochDev
    TimKochDev committed Oct 31, 2024
    Configuration menu
    Copy the full SHA
    1a668d6 View commit details
    Browse the repository at this point in the history

  5. Apply mb-12 to <section> elements 

    I think Coolify's design would benefit from a bit more space
between groups of content throughout the site.
HTML's section elements are a perfect fit to
a) semantically group related content and
b) add spacing/visual coherence to it at the same time
    @TimKochDev
    TimKochDev committed Oct 31, 2024
    Configuration menu
    Copy the full SHA
    c3fc224 View commit details
    Browse the repository at this point in the history

  6. Utilize <section> on dashboard page

    @TimKochDev
    TimKochDev committed Oct 31, 2024
    Configuration menu
    Copy the full SHA
    23211c3 View commit details
    Browse the repository at this point in the history