search

cloudscape-design / demos

Cloudscape Design System demos
https://cloudscape.design/
MIT No Attribution
77 stars 50 forks source link

How to hide built-in top navigation bar ? #12

Closed francis-jjk closed 1 year ago

francis-jjk commented 1 year ago

Seems wired if there're to top nav bars image

connorlanigan commented 1 year ago

Hello!

The header bar is defined here in our HTML generation script.

Note that this demos repository is not intended as a starter for a project setup, but rather for showcasing individual pages and their code (for example: there is no routing between the pages in this repository). We recommend to primarily copy code from files in the src/ folder, not the whole repo. You can find more instructions about setting up Cloudscape components in your own project in the "Using Cloudscape components" article on our website.

francis-jjk commented 1 year ago

[vite] Internal server error: Failed to resolve import "@cloudscape-design/global-styles/index.css" from "common/App.tsx". Does the file exist? after run: npm install @cloudscape-design/global-styles

package.json { "name": "root", "version": "0.0.0", "private": true, "packageManager": "yarn@4.0.0-rc.26", "type": "module", "workspaces": [ "app", "edge" ], "scripts": { "postinstall": "husky install && zx ./scripts/postinstall.js", "update-schema": "zx ./scripts/update-schema.js", "start": "zx ./scripts/start.js", "lint": "eslint --cache --report-unused-disable-directives .", "test": "jest", "build": "yarn workspaces foreach -ti run build", "app:start": "yarn workspace app start", "app:build": "yarn workspace app build", "app:preview": "yarn workspace app preview", "app:deploy": "yarn workspace app deploy" }, "devDependencies": { "@babel/cli": "^7.19.3", "@babel/core": "^7.19.6", "@babel/plugin-proposal-class-properties": "^7.18.6", "@babel/plugin-proposal-object-rest-spread": "^7.19.4", "@babel/plugin-transform-runtime": "^7.19.6", "@babel/preset-env": "^7.19.4", "@babel/preset-react": "^7.18.6", "@babel/preset-typescript": "^7.18.6", "@babel/register": "^7.18.9", "@emotion/eslint-plugin": "^11.10.0", "@jest/types": "^29.2.1", "@rollup/plugin-babel": "^6.0.0", "@rollup/plugin-commonjs": "^23.0.1", "@rollup/plugin-json": "^5.0.0", "@rollup/plugin-node-resolve": "^15.0.0", "@types/babel__core": "^7.1.19", "@types/babel__plugin-transform-runtime": "^7.9.2", "@types/babel__preset-env": "^7.9.2", "@types/eslint": "^8.4.7", "@types/prettier": "^2.7.1", "@typescript-eslint/eslint-plugin": "^5.40.1", "@typescript-eslint/parser": "^5.40.1", "babel-jest": "^29.2.1", "babel-plugin-import": "^1.13.5", "babel-plugin-replace-import-extension": "^1.1.3", "envars": "^0.4.0", "eslint": "^8.25.0", "eslint-config-prettier": "^8.5.0", "eslint-import-resolver-typescript": "^3.5.2", "eslint-plugin-import": "^2.26.0", "eslint-plugin-jsx-a11y": "^6.6.1", "eslint-plugin-react": "^7.31.10", "eslint-plugin-react-hooks": "^4.6.0", "execa": "^6.1.0", "got": "^12.5.2", "graphql": "^16.6.0", "husky": "^8.0.1", "jest": "^29.2.1", "prettier": "^2.7.1", "pretty-bytes": "^6.0.0", "react": "^18.2.0", "relay-config": "^12.0.1", "rollup": "^3.2.3", "typescript": "^4.8.4", "wrangler": "^2.1.13", "zx": "^7.1.1" }, "resolutions": { "chalk@npm:^5.0.1": "^4.1.2" }, "sideEffects": false, "jest": { "cacheDirectory": ".cache/jest", "testPathIgnorePatterns": [ "<rootDir>/.cache/", "<rootDir>/.github/", "<rootDir>/.husky/", "<rootDir>/.vscode/", "<rootDir>/.yarn/", "<rootDir>/dist/", "<rootDir>/scripts/" ] }, "relay": { "src": ".", "schema": "schema.graphql", "language": "typescript", "artifactDirectory": "./queries", "schemaExtensions": [ "." ], "eagerEsModules": true }, "envars": { "cwd": "./env" }, "dependencies": { "@cloudscape-design/global-styles": "^1.0.1" } }

connorlanigan commented 1 year ago

This other error message is tracked at https://github.com/cloudscape-design/demos/issues/17.

michaeldowseza commented 1 year ago

Closing due to inactivity. Please feel free to open with additional comments or questions.