diff --git a/client/scss/style.scss b/client/scss/style.scss deleted file mode 100644 index 2fab591..0000000 --- a/client/scss/style.scss +++ /dev/null @@ -1,31 +0,0 @@ -$navbar-background: #3450A3; -$primary: #43a047; - -@import '~bootstrap/scss/bootstrap'; -@import '~bootstrap-vue/src/index.scss'; - - -$bg-color: #eff0f1; - - -.box { - background: white; - padding: 20px; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 0 3px 0 rgba(0, 0, 0, 0.12); - margin: 9px 0; - - &.col { - margin-right: 9px; - } - - &.last { - margin-left: 9px; - margin-right: 0; - } -} - -.row { - margin-left: 0; - margin-right: 0; -} - diff --git a/client/src/App.vue b/client/src/App.vue index e0bd9cd..38276b6 100644 --- a/client/src/App.vue +++ b/client/src/App.vue @@ -15,13 +15,13 @@ - + GitHub icon - + @@ -80,7 +80,7 @@ diff --git a/client/src/views/Icon.vue b/client/src/components/Icon.vue similarity index 100% rename from client/src/views/Icon.vue rename to client/src/components/Icon.vue diff --git a/client/src/interfaces.ts b/client/src/interfaces.ts index 123ce70..a32cef9 100644 --- a/client/src/interfaces.ts +++ b/client/src/interfaces.ts @@ -1,52 +1,54 @@ export interface ParsedData { - "isBot": boolean; - "clientInfo": { - "type": string, - "name": string, - "short_name": string, - "version": string, - "engine": string, - "engine_version": string + 'isBot': boolean; + 'clientInfo': { + 'type': string, + 'name': string, + 'short_name': string, + 'version': string, + 'engine': string, + 'engine_version': string }; - "browserIcon": string | null; - "osInfo": { - "name": string, - "short_name": string, - "version": string, - "platform": string + 'osInfo': { + 'name': string, + 'short_name': string, + 'version': string, + 'platform': string }; - "osIcon": string | null; - "device": number; - "deviceName": string; - "deviceIcon": string | null; - "deviceBrand": string; - "brandIcon": string | null; - "model": string; - "botInfo": { - "name": string, - "category": string, - "url": string, - "producer": { - "name": string, - "url": string + 'device': number; + 'deviceName': string; + 'deviceBrand': string; + 'model': string; + 'icons': { + 'browser': string | null, + 'os': string | null, + 'device': string | null, + 'brand': string | null + }; + 'botInfo': { + 'name': string, + 'category': string, + 'url': string, + 'producer': { + 'name': string, + 'url': string } }; } export interface Version { - "commitHash": string; - "date": string; + 'commitHash': string; + 'date': string; } export interface SupportedList { - "operatingSystems": string[]; - "browsers": string[]; - "engines": string[]; - "libraries": string[]; - "mediaPlayer": string[]; - "mobileApps": string[]; - "PIM": string[]; - "feedReaders": string[]; - "brands": string[]; - "bots": string[]; + 'operatingSystems': string[]; + 'browsers': string[]; + 'engines': string[]; + 'libraries': string[]; + 'mediaPlayer': string[]; + 'mobileApps': string[]; + 'PIM': string[]; + 'feedReaders': string[]; + 'brands': string[]; + 'bots': string[]; } diff --git a/client/src/scss/style.scss b/client/src/scss/style.scss new file mode 100644 index 0000000..c2a5e64 --- /dev/null +++ b/client/src/scss/style.scss @@ -0,0 +1,44 @@ +$navbar-background: #3450A3; +$primary: #43a047; + +@import '~bootstrap/scss/bootstrap'; +@import '~bootstrap-vue/src/index.scss'; + + +$bg-color: #eff0f1; + +h1 { + text-align: center; +} + +.box-row { + display: flex; + margin: 0 -9px; + .box { + margin: 9px; + } +} + +.box { + background: white; + padding: 20px; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 0 3px 0 rgba(0, 0, 0, 0.12); + margin: 9px 0; + flex-grow: 1; + + //&.col { + // margin-right: 9px; + //} + // + //&.last { + // margin-left: 9px; + // margin-right: 0; + //} + &.centered { + text-align: center; + } +} + +.input-group { + margin-bottom: 9px; +} diff --git a/client/src/views/Main.vue b/client/src/views/Main.vue index f759cd4..81b34e1 100644 --- a/client/src/views/Main.vue +++ b/client/src/views/Main.vue @@ -1,52 +1,59 @@