mirror of
https://github.com/ClaperCo/Claper.git
synced 2026-02-24 12:09:59 +01:00
5bd4793b6e
## ⚠️ Breaking changes - S3 variables are now named: S3_ACCESS_KEY_ID, S3_SECRET_ACCESS_KEY, S3_REGION and S3_BUCKET - Users now have roles. Refer to the `roles` table and assign a role to a user with the `role_id` column in the `users` table. ## Features - Add Admin Panel to manage users and presentations - Add user roles: user, admin - Add `LANGUAGES` setting to configure available languages in the app - Add hideable presenter attendee count (#183 #155) - Add Hungarian translation (#161) - Add Latvian translation (#163) - Add custom S3 endpoint with `S3_SCHEME`, `S3_HOST`, `S3_PORT` and `S3_PUBLIC_URL` ## Fixes and improvements - Upgrade JS dependencies - Upgrade Elixir dependencies, including Phoenix Live View to 1.0.17 - Upgrade to Tailwind 4+ - Refactor view templates to use {} instead of <%= %> - Fix event name validation to be required - Docker image is now using Ubuntu instead of Alpine for better dependencies support - Fix scrollbar not showing in event manager when no presentation file (#164) (@aryel780) - Fix settings scroll for small screen (#168) - Fix duplicate key quiz when duplicate (#182) - Fix email change confirmation (#172) - Fix italian translation (#179) - Fix random poll choices (#184)
64 lines
1.5 KiB
CSS
64 lines
1.5 KiB
CSS
@import "tailwindcss";
|
|
@plugin "daisyui";
|
|
|
|
@utility btn {
|
|
@apply rounded-full !font-display text-small-body;
|
|
}
|
|
|
|
@utility input {
|
|
@apply rounded-full focus:outline-none focus-within:outline-none focus:border-2 focus-within:border-2 !font-display text-small-body transition-all;
|
|
}
|
|
|
|
@utility select {
|
|
@apply rounded-full focus:outline-none focus-within:outline-none focus:border-2 focus-within:border-2 !font-display text-small-body transition-all;
|
|
}
|
|
|
|
@utility label {
|
|
@apply ml-2;
|
|
}
|
|
|
|
@utility fieldset-legend {
|
|
@apply ml-3;
|
|
}
|
|
|
|
@plugin "daisyui/theme" {
|
|
name: "claper";
|
|
default: true; /* set as default */
|
|
prefersdark: false; /* set as default dark mode (prefers-color-scheme:dark) */
|
|
color-scheme: light; /* color of browser-provided UI */
|
|
|
|
--color-primary: #140753;
|
|
--color-primary-content: #ffffff;
|
|
--color-secondary: #f4f4f4;
|
|
--color-secondary-content: #140553;
|
|
--color-accent: #8611ed;
|
|
--color-accent-content: #ffffff;
|
|
--color-neutral: #000000;
|
|
--color-neutral-content: #ffffff;
|
|
--color-info: #79bfe2;
|
|
--color-info-content: #0e3649;
|
|
--color-success: #3cb957;
|
|
--color-success-content: #143e1d;
|
|
--color-warning: #ffb62e;
|
|
--color-warning-content: #523500;
|
|
--color-error: #e7000b;
|
|
--color-error-content: #fff;
|
|
/* border radius */
|
|
--radius-selector: 1rem;
|
|
--radius-field: 0.25rem;
|
|
--radius-box: 0.5rem;
|
|
|
|
/* base sizes */
|
|
--size-selector: 0.25rem;
|
|
--size-field: 0.25rem;
|
|
|
|
/* border size */
|
|
--border: 1px;
|
|
|
|
/* effects */
|
|
--depth: 1;
|
|
--noise: 0;
|
|
}
|
|
|
|
@import "./modern.css" layer(theme);
|