This commit is contained in:
Celina Lopez
2025-09-03 09:59:28 -07:00
parent 02f8c99f90
commit 82cb168510
17 changed files with 41 additions and 40 deletions

View File

@@ -1,12 +1,13 @@
@import "tailwindcss";
@plugin "daisyui";
@import 'tailwindcss';
@import "tippy.js/dist/tippy.css";
@import "tippy.js/themes/light.css";
@import "../stylesheets/main.css";
@import "../stylesheets/components/nav";
@import "../stylesheets/forms.css";
@import "../stylesheets/weird_fixes.css";
@import "../stylesheets/tables.css";
@import "../stylesheets/pacman.css";
@import "../stylesheets/custom.css";
@import 'tippy.js/dist/tippy.css';
@import 'tippy.js/themes/light.css';
@import '../stylesheets/main.css';
@import '../stylesheets/components/nav.css';
@import '../stylesheets/forms.css';
@import '../stylesheets/weird_fixes.css';
@import '../stylesheets/tables.css';
@import '../stylesheets/pacman.css';
@import '../stylesheets/custom.css';
@plugin "daisyui";

View File

@@ -1,5 +1,5 @@
class Avo::Config
def self.button_css
"button-component inline-flex flex-grow-0 items-center font-semibold leading-6 fill-current whitespace-nowrap transition duration-100 transform transition duration-100 cursor-pointer disabled:cursor-not-allowed disabled:opacity-60 data-[disabled='true']:opacity-60 justify-center border active:outline active:outline-1 rounded bg-primary-500 text-white border-primary-500 hover:bg-primary-600 hover:border-primary-600 active:border-primary-600 active:outline-primary-600 active:bg-primary-600 px-3 py-1.5 text-sm"
"button-component inline-flex grow-0 items-center font-semibold leading-6 fill-current whitespace-nowrap transition duration-100 transform transition duration-100 cursor-pointer disabled:cursor-not-allowed disabled:opacity-60 data-[disabled='true']:opacity-60 justify-center border active:outline active:outline-1 rounded bg-primary-500 text-white border-primary-500 hover:bg-primary-600 hover:border-primary-600 active:border-primary-600 active:outline-primary-600 active:bg-primary-600 px-3 py-1.5 text-sm"
end
end

View File

@@ -14,12 +14,12 @@
["288 - 144hrs ago", "288h"]
], params[:time_range] || "2h"),
{},
{ class: "select !select-sm select-bordered focus:outline-offset-0", "aria-label": "Select example" }
{ class: "select select-sm! select-bordered focus:outline-offset-0", "aria-label": "Select example" }
%>
<%= form.submit "Refresh", class: "btn btn-neutral btn-sm" %>
</div>
<div role="tablist" class="tabs tabs-sm !h-[2rem] tabs-boxed h-full">
<div role="tablist" class="tabs tabs-sm h-8! tabs-boxed h-full">
<a href="<%= url_for(metric_display: "percentage", time_range: params[:time_range]) %>" role="tab" class="tab <%= metric_display == "percentage" ? "tab-active" : "" %>">Percentage</a>
<a href="<%= url_for(metric_display: "total", time_range: params[:time_range]) %>" role="tab" class="tab <%= metric_display == "total" ? "tab-active" : "" %>">Total</a>
</div>

View File

@@ -4,7 +4,7 @@
<h1 class="text-5xl font-bold">Reset your password</h1>
<p class="py-6">Enter your email address below and we will send you a link to reset your password.</p>
</div>
<div class="card flex-shrink-0 w-full max-w-sm shadow-2xl bg-base-100">
<div class="card shrink-0 w-full max-w-sm shadow-2xl bg-base-100">
<div class="card-body">
<%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f| %>
<%= render "devise/shared/error_messages", resource: resource %>

View File

@@ -50,9 +50,9 @@
<% end %>
<div class="flex items-center my-4">
<div class="flex-grow border-t border-gray-600"></div>
<div class="grow border-t border-gray-600"></div>
<span class="mx-4 text-gray-500">OR</span>
<div class="flex-grow border-t border-gray-600"></div>
<div class="grow border-t border-gray-600"></div>
</div>
<%= render "devise/shared/links" %>

View File

@@ -43,9 +43,9 @@
<% end %>
<div class="flex items-center my-4">
<div class="flex-grow border-t border-gray-600"></div>
<div class="grow border-t border-gray-600"></div>
<span class="mx-4 text-gray-500">OR</span>
<div class="flex-grow border-t border-gray-600"></div>
<div class="grow border-t border-gray-600"></div>
</div>
<%= render "devise/shared/links" %>
</div>

View File

@@ -6,7 +6,7 @@
<body class="h-full font-sans antialiased font-normal leading-normal" data-controller="theme" data-theme-preference-value="dark">
<div class="fixed left-[calc(50%-4rem)] top-10 -z-10 transform-gpu blur-3xl sm:left-[calc(50%-18rem)] lg:left-48 lg:top-[calc(50%-30rem)] xl:left-[calc(50%-24rem)]" aria-hidden="true">
<div class="aspect-[1108/632] w-[69.25rem] bg-gradient-to-r from-[#80caff] to-[#4f46e5] opacity-20" style="clip-path: polygon(73.6% 51.7%, 91.7% 11.8%, 100% 46.4%, 97.4% 82.2%, 92.5% 84.9%, 75.7% 64%, 55.3% 47.5%, 46.5% 49.4%, 45% 62.9%, 50.3% 87.2%, 21.3% 64.1%, 0.1% 100%, 5.4% 51.1%, 21.4% 63.9%, 58.9% 0.2%, 73.6% 51.7%)"></div>
<div class="aspect-1108/632 w-277 bg-linear-to-r from-[#80caff] to-[#4f46e5] opacity-20" style="clip-path: polygon(73.6% 51.7%, 91.7% 11.8%, 100% 46.4%, 97.4% 82.2%, 92.5% 84.9%, 75.7% 64%, 55.3% 47.5%, 46.5% 49.4%, 45% 62.9%, 50.3% 87.2%, 21.3% 64.1%, 0.1% 100%, 5.4% 51.1%, 21.4% 63.9%, 58.9% 0.2%, 73.6% 51.7%)"></div>
</div>
<%= yield %>
</body>

View File

@@ -54,7 +54,7 @@
<% end %>
<div class="dropdown dropdown-end">
<div tabindex="0" role="button" class="btn join-item btn-primary"><iconify-icon icon="lucide:chevron-down"></iconify-icon></div>
<ul tabindex="0" class="dropdown-content menu bg-base-200 rounded-box z-[1] w-60 p-2 shadow">
<ul tabindex="0" class="dropdown-content menu bg-base-200 rounded-box z-1 w-60 p-2 shadow">
<li>
<%= button_to(
"Deploy without rebuilding",

View File

@@ -7,7 +7,7 @@
url: project_service_domains_path(service.project, service),
class: "flex gap-2 lg:max-w-xl"
) do |form| %>
<div class="flex-grow">
<div class="grow">
<%= form.text_field :domain_name, class: "input input-bordered w-full", placeholder: "Domain Name", required: true %>
</div>
<%= form.submit "Add Domain", class: "btn btn-primary", data: { disable_with: "Loading..." } %>

View File

@@ -1,5 +1,5 @@
<div class="flex flex-row gap-x-4 items-stretch">
<ul class="menu w-64 rounded bg-base-200 self-start !pb-6">
<ul class="menu w-64 rounded bg-base-200 self-start pb-6!">
<li>
<h2 class="menu-title">Settings</h2>
<ul>

View File

@@ -1,6 +1,6 @@
<% flash.each do |msg_type, message| %>
<div>
<div class="!rounded-none alert <%= msg_type == 'notice' ? 'alert-success' : 'alert-error' %> alert-dismissible fade show" role="alert">
<div class="rounded-none! alert <%= msg_type == 'notice' ? 'alert-success' : 'alert-error' %> alert-dismissible fade show" role="alert">
<%= message.html_safe %>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>

View File

@@ -1,5 +1,5 @@
<div class="relative isolate mt-16 px-6 py-32 sm:mt-32 sm:py-40 lg:px-8">
<svg class="absolute inset-0 -z-10 h-full w-full stroke-white/10 [mask-image:radial-gradient(100%_100%_at_top_right,white,transparent)]" aria-hidden="true">
<svg class="absolute inset-0 -z-10 h-full w-full stroke-white/10 mask-[radial-gradient(100%_100%_at_top_right,white,transparent)]" aria-hidden="true">
<defs>
<pattern id="1d4240dd-898f-445f-932d-e2872fd12de3" width="200" height="200" x="50%" y="0" patternUnits="userSpaceOnUse">
<path d="M.5 200V.5H200" fill="none"></path>
@@ -11,7 +11,7 @@
<rect width="100%" height="100%" stroke-width="0" fill="url(#1d4240dd-898f-445f-932d-e2872fd12de3)"></rect>
</svg>
<div class="absolute inset-x-0 top-10 -z-10 flex transform-gpu justify-center overflow-hidden blur-3xl" aria-hidden="true">
<div class="aspect-[1108/632] w-[69.25rem] flex-none bg-gradient-to-r from-[#80caff] to-[#4f46e5] opacity-20" style="clip-path: polygon(73.6% 51.7%, 91.7% 11.8%, 100% 46.4%, 97.4% 82.2%, 92.5% 84.9%, 75.7% 64%, 55.3% 47.5%, 46.5% 49.4%, 45% 62.9%, 50.3% 87.2%, 21.3% 64.1%, 0.1% 100%, 5.4% 51.1%, 21.4% 63.9%, 58.9% 0.2%, 73.6% 51.7%)"></div>
<div class="aspect-1108/632 w-277 flex-none bg-linear-to-r from-[#80caff] to-[#4f46e5] opacity-20" style="clip-path: polygon(73.6% 51.7%, 91.7% 11.8%, 100% 46.4%, 97.4% 82.2%, 92.5% 84.9%, 75.7% 64%, 55.3% 47.5%, 46.5% 49.4%, 45% 62.9%, 50.3% 87.2%, 21.3% 64.1%, 0.1% 100%, 5.4% 51.1%, 21.4% 63.9%, 58.9% 0.2%, 73.6% 51.7%)"></div>
</div>
<div>
<div class="mb-8 max-w-3xl flex-none lg:max-w-6xl mx-auto">
@@ -20,7 +20,7 @@
alt="App screenshot"
width="2432"
height="1442"
class="w-[76rem] rounded-md"
class="w-304 rounded-md"
/>
</div>
</div>

View File

@@ -16,7 +16,7 @@
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<img src="/images/add_ons_styled.png" alt="App screenshot" class="mb-[-4%] rounded-xl shadow-2xl ring-1 ring-white/10" width="2432" height="1442">
<div class="relative" aria-hidden="true">
<div class="absolute -inset-x-20 bottom-0 bg-gradient-to-t from-gray-900 pt-[7%]"></div>
<div class="absolute -inset-x-20 bottom-0 bg-linear-to-t from-gray-900 pt-[7%]"></div>
</div>
</div>
</div>

View File

@@ -1,5 +1,5 @@
<div class="relative isolate overflow-hidden">
<svg class="absolute inset-0 -z-10 h-full w-full stroke-white/10 [mask-image:radial-gradient(100%_100%_at_top_right,white,transparent)]" aria-hidden="true">
<svg class="absolute inset-0 -z-10 h-full w-full stroke-white/10 mask-[radial-gradient(100%_100%_at_top_right,white,transparent)]" aria-hidden="true">
<defs>
<pattern id="983e3e4c-de6d-4c3f-8d64-b9761d1534cc" width="200" height="200" x="50%" y="-1" patternUnits="userSpaceOnUse">
<path d="M.5 200V.5H200" fill="none"></path>
@@ -11,10 +11,10 @@
<rect width="100%" height="100%" stroke-width="0" fill="url(#983e3e4c-de6d-4c3f-8d64-b9761d1534cc)"></rect>
</svg>
<div class="absolute left-[calc(50%-4rem)] top-10 -z-10 transform-gpu blur-3xl sm:left-[calc(50%-18rem)] lg:left-48 lg:top-[calc(50%-30rem)] xl:left-[calc(50%-24rem)]" aria-hidden="true">
<div class="aspect-[1108/632] w-[69.25rem] bg-gradient-to-r from-[#80caff] to-[#4f46e5] opacity-20" style="clip-path: polygon(73.6% 51.7%, 91.7% 11.8%, 100% 46.4%, 97.4% 82.2%, 92.5% 84.9%, 75.7% 64%, 55.3% 47.5%, 46.5% 49.4%, 45% 62.9%, 50.3% 87.2%, 21.3% 64.1%, 0.1% 100%, 5.4% 51.1%, 21.4% 63.9%, 58.9% 0.2%, 73.6% 51.7%)"></div>
<div class="aspect-1108/632 w-277 bg-linear-to-r from-[#80caff] to-[#4f46e5] opacity-20" style="clip-path: polygon(73.6% 51.7%, 91.7% 11.8%, 100% 46.4%, 97.4% 82.2%, 92.5% 84.9%, 75.7% 64%, 55.3% 47.5%, 46.5% 49.4%, 45% 62.9%, 50.3% 87.2%, 21.3% 64.1%, 0.1% 100%, 5.4% 51.1%, 21.4% 63.9%, 58.9% 0.2%, 73.6% 51.7%)"></div>
</div>
<div class="mx-auto max-w-7xl px-6 pb-24 pt-2 sm:pb-40 lg:flex lg:px-8 lg:pt-4 justify-center">
<div class="mx-auto max-w-2xl flex-shrink-0 lg:mx-0 lg:max-w-4xl lg:pt-2">
<div class="mx-auto max-w-2xl shrink-0 lg:mx-0 lg:max-w-4xl lg:pt-2">
<div class="mb-6 lg:mb-24">
<%= link_to "https://discord.gg/68YthskqEz", class: "btn btn-ghost btn-sm lg:btn-md" do %>
<span class="lg:inline">Join us on Discord</span> <iconify-icon icon="skill-icons:discord" height="20"></iconify-icon>
@@ -37,7 +37,7 @@
</div>
<div class="mx-auto max-w-7xl px-6 pb-8 pt-2 sm:pb-20 lg:flex lg:px-8 lg:pt-4 justify-center">
<iframe
class="!w-full rounded-md bg-white/5 shadow-2xl ring-1 ring-white/10 youtube-aspect"
class="w-full! rounded-md bg-white/5 shadow-2xl ring-1 ring-white/10 youtube-aspect"
src="https://www.youtube.com/embed/2m2osV-eBE4?si=-HcGofV7J6nrLke_"
title="YouTube video player"
frameborder="0"

View File

@@ -8,12 +8,12 @@
<!-- Needed to make sure tailwind generates the styles for the background colors -->
<div class="bg-indigo-400 bg-green-400"></div>
<h2 class="text-xl font-bold">Monthly cost of running a 4GB app</h2>
<div class="flex items-end flex-grow w-full mt-12 space-x-2 sm:space-x-3 h-[318px]">
<div class="flex items-end grow w-full mt-12 space-x-2 sm:space-x-3 h-[318px]">
<% StaticController::PRICES.each do |price| %>
<div class="relative flex flex-col items-center flex-grow pb-5 group">
<div class="relative flex flex-col items-center grow pb-5 group">
<span class="absolute top-0 -mt-8 font-bold block">$<%= price[:price] %></span>
<div class="relative flex justify-center w-full <%= price[:style] %> animated-height" style="height: 0px; transition: height 0.5s;" data-price="<%= price[:price] %>"></div>
<span class="absolute bottom-[-20px] text-center sm:bottom-[-5px] transform rotate-[30deg] sm:rotate-0 text-sm font-semibold"><%= price[:name] %></span>
<span class="absolute bottom-[-20px] text-center sm:bottom-[-5px] transform rotate-30 sm:rotate-0 text-sm font-semibold"><%= price[:name] %></span>
</div>
<% end %>
</div>

View File

@@ -42,7 +42,7 @@
"postcss": "^8.5.6",
"postcss-cli": "^11.0.0",
"prettier": "^3.3.3",
"prettier-plugin-tailwindcss": "^0.6.8",
"prettier-plugin-tailwindcss": "^0.6.14",
"sass": "^1.79.3",
"stimulus-flatpickr": "^3.0.0-0",
"stimulus-textarea-autogrow": "^4.1.0",

View File

@@ -1060,10 +1060,10 @@ postcss@^8.5.6:
picocolors "^1.1.1"
source-map-js "^1.2.1"
prettier-plugin-tailwindcss@^0.6.8:
version "0.6.8"
resolved "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.6.8.tgz"
integrity sha512-dGu3kdm7SXPkiW4nzeWKCl3uoImdd5CTZEJGxyypEPL37Wj0HT2pLqjrvSei1nTeuQfO4PUfjeW5cTUNRLZ4sA==
prettier-plugin-tailwindcss@^0.6.14:
version "0.6.14"
resolved "https://registry.yarnpkg.com/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.6.14.tgz#06701a580f7104c034ae3b699dbd17a80d67f0cd"
integrity sha512-pi2e/+ZygeIqntN+vC573BcW5Cve8zUB0SSAGxqpB4f96boZF4M3phPVoOFCeypwkpRYdi7+jQ5YJJUwrkGUAg==
prettier@^3.3.3:
version "3.3.3"