matiasc18
834d5e763e
- Modified handlers.js to be the same as on frm.so - Added --trash-src to shared.css - Modified Event and Job cards to include a trash icon for deleting - Deleting works, it just does not smoothly re-render yet - Adjusted visual bug on Events/Jobs where the contents of the AppWindow would overflow vertically. They now scroll and the title/search bar remain fixed. - Refactored part of People.js into PeopleCard.js
83 lines
2.3 KiB
CSS
83 lines
2.3 KiB
CSS
:root {
|
|
--main: #FFE9C8;
|
|
--accent: #60320c;
|
|
--text: #340000;
|
|
--yellow: #f1f3c3;
|
|
--bone: #fff2e7;
|
|
--gold: #FEBA7D;
|
|
--divider: #bb7c36;
|
|
--green: #0857265c;
|
|
--red: #ff0000;
|
|
--quillred: #DE3F3F;
|
|
--brown: #812A18;
|
|
--darkbrown: #3f0808;
|
|
--darkgrey: #5c4646;
|
|
|
|
--home-src: /_/icons/home.svg;
|
|
--home-selected-src: /_/icons/homelightselected.svg;
|
|
--people-src: /_/icons/people.svg;
|
|
--people-selected-src: /_/icons/peoplelightselected.svg;
|
|
--settings-src: /_/icons/settings.svg;
|
|
--settings-selected-src: /_/icons/settingslightselected.svg;
|
|
--events-src: /_/icons/events.svg;
|
|
--events-selected-src: /_/icons/eventslightselected.svg;
|
|
--jobs-src: /_/icons/jobs.svg;
|
|
--jobs-selected-src: /_/icons/jobslightselected.svg;
|
|
|
|
--column-src: /_/icons/column2.svg;
|
|
--nodes-src: /_/icons/nodes.svg;
|
|
--forum-src: /_/icons/forum.svg;
|
|
--trash-src: /_/icons/trash.svg;
|
|
|
|
--pin-src: /_/icons/pin.svg;
|
|
--time-src: /_/icons/time.svg;
|
|
|
|
--top-inset: env(safe-area-inset-top, 0px);
|
|
--bottom-inset: env(safe-area-inset-bottom, 0px);
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--main: rgb(69, 20, 13);
|
|
--accent: rgb(106, 44, 28);
|
|
--accentdark: rgb(37, 2, 5);
|
|
--text: rgb(255, 225, 181);
|
|
|
|
--home-src: /_/icons/homelight.svg;
|
|
--home-selected-src: /_/icons/homelightselected.svg;
|
|
--people-src: /_/icons/peoplelight.svg;
|
|
--people-selected-src: /_/icons/peoplelightselected.svg;
|
|
--settings-src: /_/icons/settingslight.svg;
|
|
--settings-selected-src: /_/icons/settingslightselected.svg;
|
|
--events-src: /_/icons/eventslight.svg;
|
|
--events-selected-src: /_/icons/eventslightselected.svg;
|
|
--jobs-src: /_/icons/jobslight.svg;
|
|
--jobs-selected-src: /_/icons/jobslightselected.svg;
|
|
|
|
--column-src: /_/icons/column2.svg;
|
|
--nodes-src: /_/icons/nodes.svg;
|
|
--forum-src: /_/icons/forum.svg;
|
|
--trash-src: /_/icons/trash.svg;
|
|
|
|
--pin-src: /_/icons/pinlight.svg;
|
|
--time-src: /_/icons/timelight.svg;
|
|
}
|
|
}
|
|
|
|
input::placeholder {
|
|
font-family: Arial;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--main);
|
|
padding-top: env(safe-area-inset-top);
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
padding-left: env(safe-area-inset-left);
|
|
padding-right: env(safe-area-inset-right);
|
|
} |