mirror of
https://github.com/Macrame-App/Macrame
synced 2025-12-29 07:19:26 +00:00
56 lines
1.4 KiB
CSS
56 lines
1.4 KiB
CSS
/*
|
|
Macrame is a program that enables the user to create keyboard macros and button panels.
|
|
The macros are saved as simple JSON files and can be linked to the button panels. The panels can
|
|
be created with HTML and CSS.
|
|
|
|
Copyright (C) 2025 Jesse Malotaux
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU General Public License
|
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
.panel {
|
|
@apply grid
|
|
grid-rows-[auto_1fr]
|
|
fixed
|
|
top-2
|
|
left-4 sm:left-16
|
|
right-4 sm:right-16
|
|
bottom-2
|
|
overflow-hidden;
|
|
|
|
> .panel__header,
|
|
> .panel__title {
|
|
@apply px-4 py-2;
|
|
|
|
/* &:first-child {
|
|
@apply pt-4;
|
|
}
|
|
|
|
&:last-child {
|
|
@apply pb-4;
|
|
} */
|
|
}
|
|
|
|
.panel__title {
|
|
@apply pt-3 pl-16 text-transparent bg-gradient-to-r w-fit from-amber-300 to-white/50 sm:pl-4 bg-clip-text;
|
|
}
|
|
|
|
.panel__content {
|
|
@apply grid
|
|
h-[calc(100%-1rem)]
|
|
pt-4 sm:pt-0
|
|
pl-0 sm:pl-4
|
|
overflow-auto;
|
|
}
|
|
}
|