Commit Graph

37 Commits

Author SHA1 Message Date
c8262a3bda Feat: Misc improvements (#107)
* Expand SCSS variables for improved theming

* Redesign 404 page with dynamic movie quotes

* Add password generator page

* Add missing Plex authentication page

* Improve torrent table and torrents page

* Enhance toast notification component

* Enhance popup components

* Refine UI components and remove DarkmodeToggle

* Add user profile component for settings

* Update autocomplete dropdown component

* Update register page

* Redesign signin and register pages with improved UX

* Improve torrent table with sort toggle and highlight colors

* eslint & prettier fixes
2026-03-09 00:01:05 +01:00
c309016299 Feat/settings page redesign (#104)
* include credentials on login fetch requests, allows set header response

* Add theme composable and utility improvements

- Create useTheme composable for centralized theme management
- Update main.ts to use useTheme for initialization
- Generalize getCookie utility in user module
- Add utility functions for data formatting

* Add Plex integration composables and icons

- Create usePlexAuth composable for Plex OAuth flow
- Create usePlexApi composable for Plex API interactions
- Create useRandomWords composable for password generation
- Add Plex-related icons (IconPlex, IconServer, IconSync)
- Add Plex helper utilities
- Update API with Plex-related endpoints

* Add storage management components for data & privacy section

- Create StorageManager component for browser storage overview
- Create StorageSectionBrowser for localStorage/sessionStorage/cookies
- Create StorageSectionServer for server-side data (mock)
- Create ExportSection for data export functionality
- Refactor DataExport component with modular sections
- Add storage icons (IconCookie, IconDatabase, IconTimer)
- Implement collapsible sections with visual indicators
- Add colored borders per storage type
- Display item counts and total size in headers

* Add theme, password, and security settings components

- Create ThemePreferences with visual theme selector
- Create PasswordGenerator with passphrase and random modes
- Create SecuritySettings wrapper for password management
- Update ChangePassword to work with new layout
- Implement improved slider UX with visual feedback
- Add theme preview cards with gradients
- Standardize component styling and typography

* Add Plex settings and authentication components

- Create PlexSettings component for Plex account management
- Create PlexAuthButton with improved OAuth flow
- Create PlexServerInfo for server details display
- Use icon components instead of inline SVGs
- Add sync and unlink functionality
- Implement user-friendly authentication flow

* Redesign settings page with two-column layout and ProfileHero

- Create ProfileHero component with avatar and user info
- Create RequestHistory component for Plex requests (placeholder)
- Redesign SettingsPage with modern two-column grid layout
- Add shared-settings.scss for consistent styling
- Organize sections: Appearance, Security, Integrations, Data & Privacy
- Implement responsive mobile layout
- Standardize typography (h2: 1.5rem, 700 weight)
- Add compact modifier for tighter sections
2026-03-08 21:16:36 +01:00
eac12748db mobile improvements
tries to setup layout for success with safari iso 26 bottom navigation
bar and having content appear behind it instead of having a fat lip of
background color.

Also fixes where main content was not taking full width on mobile & text
alignment on torrent search results.
2026-02-24 18:43:26 +01:00
426b376d05 Feat: Dynamic colors (#101)
* On every route change, update local variables from query params

* ResultSection is keyed to query to force re-render

* Feat: vite & upgraded dependencies (#100)

* On every route change, update local variables from query params

* ResultSection is keyed to query to force re-render

* Resolved lint warnings

* replace webpack w/ vite

* update all imports with alias @ and scss

* vite environment variables, also typed

* upgraded eslint, defined new rules & added ignore comments

* resolved linting issues

* moved index.html to project root

* updated dockerfile w/ build stage before runtime image definition

* sign drone config

* dynamic colors from poster for popup bg & text colors

* more torrents nav button now link elem & better for darker bg

* make list item title clickable

* removed extra no-shadow eslint rule definitions

* fixed movie import

* adhere to eslint rules & package.json clean command

* remove debounce autocomplete search, track & hault on failure
2026-02-24 00:22:51 +01:00
8e586811ec Feat: vite & upgraded dependencies (#100)
* On every route change, update local variables from query params

* ResultSection is keyed to query to force re-render

* Resolved lint warnings

* replace webpack w/ vite

* update all imports with alias @ and scss

* vite environment variables, also typed

* upgraded eslint, defined new rules & added ignore comments

* resolved linting issues

* moved index.html to project root

* updated dockerfile w/ build stage before runtime image definition

* sign drone config
2026-02-23 20:53:19 +01:00
f8196b162e Removed console log & debug message 2022-08-09 01:03:32 +02:00
fde8fd9259 Minor fixes formatting document & table styling 2022-08-08 18:45:03 +02:00
79893c4652 Rule if lineClass = fullwidth & removed horizontal margin 2022-03-06 12:06:30 +01:00
a6dbb2ba59 Line-height css variable. 2022-03-05 17:59:56 +01:00
28950a974c New background variables 80, 90 opacity 2022-03-05 13:05:06 +01:00
38813229c9 Transition everything 2022-03-05 11:18:37 +01:00
04c9e019d3 Linting 2022-03-05 08:59:35 +01:00
d24a318de8 Updated all scss imports to be relative from src alias
Alias defined in webpack.config.js
2022-03-05 08:46:18 +01:00
86efb04eb8 Moved App.vue entry component styles to main.scss 2022-03-04 18:12:15 +01:00
3c72bdf3c2 Activity page subscribes to store & more css variables 2022-01-13 00:27:09 +01:00
97c23fa895 Re implemented header navigation 2022-01-10 00:46:26 +01:00
d1820a08cf Same css for .light & .dark as for color-scheme. 2019-12-27 21:51:31 +01:00
35497f5bd2 General mobile & desktop queries. -only classes for hiding the the
opposite of desktop or mobile.
2019-12-26 01:18:29 +01:00
91b19785d6 Darker colors for background-color for preferred color schema dark 2019-12-26 01:17:18 +01:00
458256132a Updated color for .light --background-ui 2019-12-26 00:33:05 +01:00
0f2c166e1c Added $background-ui to .dark and .light classes for manually toggling color preference 2019-12-26 00:31:30 +01:00
3e7527ee19 defined variables for green-70 (rgba(1, 210, 119, .73)) and background-ui (#edeef0) 2019-12-26 00:18:14 +01:00
ec6e6d2ba0 Class declarations for simple flex selectors. 2019-12-26 00:08:26 +01:00
f8c284cd71 Removed messages stylesheet 2019-10-22 22:58:37 +02:00
46daff2ddb Removed unused warning|error|success (s)css variables and added green-90; green color with 90% opacity 2019-10-22 22:58:04 +02:00
fa50dd3455 Finished dark mode! This means re-doing all sass variables in the
variables.scss file and defining css variables in :root and alterting
them based on prefered color scheme. This gives us a mechanism to set
custom color schemes for the entire site from one place and changing
between them just by setting a class to the body element. This is done
by overwriting the css variables and then our scss variables use these
changes and apply them downward. This seems like a really nice setup for
the switching between- and adding color schemes.
Also did a lot of cleanup of unused, duplicate or errors styling
throughout the application.
2019-10-21 00:13:21 +02:00
95a92b9e3e Stylesheet for message on unsucessfull login/register 2019-06-05 00:27:37 +02:00
fb8f6654aa Removed unused styling 2019-06-04 21:46:23 +02:00
eddbab2f99 only child interfered with other uses. Instead pass class strings to the lineClass prop and it will be injected into the placeholder element 2019-06-03 23:44:49 +02:00
756e2c5cb9 Custom styling if loading-placeholder is only displaying a single child. No margin and width decreased 2019-06-03 23:31:47 +02:00
3321eeeadd Constant values represented as variables 2019-06-03 23:31:00 +02:00
068563d9d6 Imported missing variables and media-query files 2019-06-03 23:29:55 +02:00
9a10939c91 Created elements for ui elements, loading-placeholder for all keyframing and styling for the pulsing placeholder text and a main.scss for global classes such as noselect which prevents hightlighting of text 2019-06-02 22:50:54 +02:00
de9ac7baaf Mediaquery for large desktop 2019-06-02 00:26:43 +02:00
aa9bfa12d9 Re-wrote to support my api for requesting new movies. 2018-03-20 21:50:39 +01:00
Dmytro Barylo
9c4df0a645 Mobile nav hamburger 2017-03-04 21:56:37 +02:00
Dmytro Barylo
ac6d57b46f version 1.0 2017-03-04 16:46:53 +02:00