{"id":19426715,"url":"https://github.com/mainawycliffe/adaptive-layouts-using-angular-flex-layout","last_synced_at":"2025-04-24T17:31:13.791Z","repository":{"id":124921829,"uuid":"130511354","full_name":"mainawycliffe/Adaptive-Layouts-using-Angular-Flex-Layout","owner":"mainawycliffe","description":"In today’s example, I will create a simple example that will display a form in either modal window or new page based on screen size.  In small screen sizes – smartphones \u0026 phablets – it will show the form in a new page while in large devices it will display a simple modal window with the form. The form component will be the same in both instances, ensuring consistency and making it easy to update.","archived":false,"fork":false,"pushed_at":"2018-05-17T21:07:14.000Z","size":196,"stargazers_count":2,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-03T08:37:24.254Z","etag":null,"topics":["adaptive-layouts","angular","angular-flex-layout","angular-material"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mainawycliffe.png","metadata":{},"created_at":"2018-04-21T20:54:57.000Z","updated_at":"2019-04-29T23:17:03.000Z","dependencies_parsed_at":null,"dependency_job_id":"be9fd58b-2d1f-4fa2-9fa0-34289595c54f","html_url":"https://github.com/mainawycliffe/Adaptive-Layouts-using-Angular-Flex-Layout","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mainawycliffe%2FAdaptive-Layouts-using-Angular-Flex-Layout","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mainawycliffe%2FAdaptive-Layouts-using-Angular-Flex-Layout/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mainawycliffe%2FAdaptive-Layouts-using-Angular-Flex-Layout/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mainawycliffe%2FAdaptive-Layouts-using-Angular-Flex-Layout/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mainawycliffe","download_url":"https://codeload.github.com/mainawycliffe/Adaptive-Layouts-using-Angular-Flex-Layout/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250674286,"owners_count":21469191,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["adaptive-layouts","angular","angular-flex-layout","angular-material"],"created_at":"2024-11-10T14:08:42.878Z","updated_at":"2025-04-24T17:31:13.781Z","avatar_url":"https://github.com/mainawycliffe.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":null,"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmainawycliffe%2Fadaptive-layouts-using-angular-flex-layout","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmainawycliffe%2Fadaptive-layouts-using-angular-flex-layout","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmainawycliffe%2Fadaptive-layouts-using-angular-flex-layout/lists"}